Handle potential undefined value on CardRows (#834)

jeffvli · Nov 19, 2024 · 6a61924 · 6a61924
1 parent b65c972
commit 6a61924
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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