debug

.prettierignore

@@ -4,7 +4,6 @@ public/**.json
 node_modules
 venv
 *.yaml
-src/utils/songs.json
 *.aux
 *.fdb_latexmk
 *.fls

spotify/index.py

@@ -57,6 +57,8 @@ def main():
                     "id": liked_song["track"]["id"],
                     "artist": liked_song["track"]["artists"][0]["name"],
                 }
+                if liked_song["track"]["id"] in song_ids:
+                    continue
                 song_ids.add(liked_song["track"]["id"])
                 resp.append(track_info)
             except:
@@ -69,7 +71,7 @@ def main():
         track_info["url"] = song
         song_ids.add(song.split("/")[-1].split("?")[0])
         resp.append(track_info)
-
+    print(len(resp))
     with open(WEBSITE_PUBLIC_SONGS_PATH + "songs.json", "w+") as f:
         json.dump(resp, f)
 

src/components/HomeLayout/PlayList.tsx

@@ -70,7 +70,7 @@ export default function PlayList() {
 
 	useEffect(() => {
 		// check if the displayed songs are unique
-		const ids = displayedSongs.map(song => song.id);
+		const ids = displayedSongs.map(song => song?.id);
 		const uniqueIds = [...new Set(ids)];
 		if (ids.length !== uniqueIds.length) {
 			console.log(ids);
@@ -82,6 +82,10 @@ export default function PlayList() {
 	const songBubbles = useMemo(
 		() =>
 			displayedSongs.map((song, index) => {
+				if (!song || !song.image) {
+					console.log("Invalid song", song);
+					return null;
+				}
 				return (
 					<div
 						key={index}
@@ -108,7 +112,7 @@ export default function PlayList() {
 							setHoverIndex(-1);
 							hoverRef.current = -1;
 						}}
-						onClick={() => handleBubbleClick(`https://open.spotify.com/track/${song.id}`)}>
+						onClick={() => handleBubbleClick(`https://open.spotify.com/track/${song?.id}`)}>
 						<Image
 							loading="lazy"
 							onError={e => (e.currentTarget.src = "/images/default.jpg")}