From d9ccd1635fbe7f206484a7a8d179e185ab7d0365 Mon Sep 17 00:00:00 2001
From: Sander <mail@sanderboer.nl>
Date: Sat, 24 Aug 2024 22:03:11 +0200
Subject: [PATCH] fix: when not images array is present, dont break the app

---
 apps/expo/src/components/shared/PlaylistListItem.tsx | 2 +-
 apps/expo/src/components/shared/TrackListItem.tsx    | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/expo/src/components/shared/PlaylistListItem.tsx b/apps/expo/src/components/shared/PlaylistListItem.tsx
index dbe8514..4a1b24b 100644
--- a/apps/expo/src/components/shared/PlaylistListItem.tsx
+++ b/apps/expo/src/components/shared/PlaylistListItem.tsx
@@ -9,7 +9,7 @@ export const PlaylistListItem: FC<Props> = ({ playlist, ...props }) => {
       {...props}
       title={playlist.name}
       subtitle={`${playlist.owner?.display_name} • ${playlist.tracks.total} songs`}
-      imageUri={playlist.images[0]?.url}
+      imageUri={playlist.images?.[0]?.url}
     />
   );
 };
diff --git a/apps/expo/src/components/shared/TrackListItem.tsx b/apps/expo/src/components/shared/TrackListItem.tsx
index 6f264c3..0b89e47 100644
--- a/apps/expo/src/components/shared/TrackListItem.tsx
+++ b/apps/expo/src/components/shared/TrackListItem.tsx
@@ -1,7 +1,7 @@
+import { AnimationSpeed } from "@fissa/utils";
+import { selectionAsync } from "expo-haptics";
 import { memo, useCallback, useEffect, useRef, type FC } from "react";
 import { Animated, Dimensions, type LayoutChangeEvent } from "react-native";
-import { selectionAsync } from "expo-haptics";
-import { AnimationSpeed } from "@fissa/utils";
 
 import { ListItem, type ListItemProps } from "./ListItem";
 
@@ -49,7 +49,7 @@ export const TrackListItem: FC<Props> = memo(
           {...props}
           title={track.name}
           subtitle={track.artists.map((artist) => artist.name).join(", ")}
-          imageUri={track.album.images[0]?.url}
+          imageUri={track.album.images?.[0]?.url}
         />
       </Animated.View>
     );