From 6a619240faa895efbd2bf290ddc2fdf3621eaa4f Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Mon, 18 Nov 2024 20:17:33 -0800
Subject: [PATCH] Handle potential undefined value on CardRows (#834)

---
 src/renderer/components/card/album-card.tsx                     | 2 +-
 src/renderer/components/card/poster-card.tsx                    | 2 +-
 src/renderer/components/virtual-grid/grid-card/default-card.tsx | 2 +-
 src/renderer/components/virtual-grid/grid-card/poster-card.tsx  | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/card/album-card.tsx b/src/renderer/components/card/album-card.tsx
index aa665758b..7e58cc4da 100644
--- a/src/renderer/components/card/album-card.tsx
+++ b/src/renderer/components/card/album-card.tsx
@@ -202,7 +202,7 @@ export const AlbumCard = ({
                     <ImageSection />
                 </Skeleton>
                 <DetailSection style={{ width: '100%' }}>
-                    {cardRows.map((_row: CardRow<Album>, index: number) => (
+                    {(cardRows || []).map((_row: CardRow<Album>, index: number) => (
                         <Skeleton
                             visible
                             height={15}
diff --git a/src/renderer/components/card/poster-card.tsx b/src/renderer/components/card/poster-card.tsx
index 140b335f0..11bb6e0eb 100644
--- a/src/renderer/components/card/poster-card.tsx
+++ b/src/renderer/components/card/poster-card.tsx
@@ -191,7 +191,7 @@ export const PosterCard = ({
             </Skeleton>
             <DetailContainer>
                 <Stack spacing="sm">
-                    {controls.cardRows.map((row, index) => (
+                    {(controls?.cardRows || []).map((row, index) => (
                         <Skeleton
                             key={`${index}-${row.arrayProperty}`}
                             visible
diff --git a/src/renderer/components/virtual-grid/grid-card/default-card.tsx b/src/renderer/components/virtual-grid/grid-card/default-card.tsx
index e309d7998..6c2dffcc3 100644
--- a/src/renderer/components/virtual-grid/grid-card/default-card.tsx
+++ b/src/renderer/components/virtual-grid/grid-card/default-card.tsx
@@ -234,7 +234,7 @@ export const DefaultCard = ({
                 </ImageContainer>
                 <DetailContainer>
                     <Stack spacing="sm">
-                        {controls.cardRows.map((row, index) => (
+                        {(controls?.cardRows || []).map((row, index) => (
                             <Skeleton
                                 key={`${index}-${columnIndex}-${row.arrayProperty}`}
                                 visible
diff --git a/src/renderer/components/virtual-grid/grid-card/poster-card.tsx b/src/renderer/components/virtual-grid/grid-card/poster-card.tsx
index 7749506da..bf3f56e13 100644
--- a/src/renderer/components/virtual-grid/grid-card/poster-card.tsx
+++ b/src/renderer/components/virtual-grid/grid-card/poster-card.tsx
@@ -219,7 +219,7 @@ export const PosterCard = ({
             </Skeleton>
             <DetailContainer>
                 <Stack spacing="sm">
-                    {controls.cardRows.map((row, index) => (
+                    {(controls?.cardRows || []).map((row, index) => (
                         <Skeleton
                             key={`${index}-${columnIndex}-${row.arrayProperty}`}
                             visible