From d94b220319725773cce59923b8240b0d9c7a5b8b Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sat, 27 Dec 2025 14:58:57 -0800
Subject: [PATCH] fix playlist image urls

---
 .../components/playlist-detail-song-list-header.tsx      | 9 ++++++++-
 src/shared/api/navidrome/navidrome-normalize.ts          | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/renderer/features/playlists/components/playlist-detail-song-list-header.tsx b/src/renderer/features/playlists/components/playlist-detail-song-list-header.tsx
index 4c19580ff..5f9ee0caf 100644
--- a/src/renderer/features/playlists/components/playlist-detail-song-list-header.tsx
+++ b/src/renderer/features/playlists/components/playlist-detail-song-list-header.tsx
@@ -2,6 +2,7 @@ import { useQuery } from '@tanstack/react-query';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useParams } from 'react-router';
 
+import { useItemImageUrl } from '/@/renderer/components/item-image/item-image';
 import { PageHeader } from '/@/renderer/components/page-header/page-header';
 import { useListContext } from '/@/renderer/context/list-context';
 import { usePlayer } from '/@/renderer/features/player/context/player-context';
@@ -56,6 +57,12 @@ export const PlaylistDetailSongListHeader = ({
         player.addToQueueByData(listData as Song[], type || Play.NOW);
     };
 
+    const imageUrl = useItemImageUrl({
+        id: detailQuery?.data?.imageId || undefined,
+        itemType: LibraryItem.PLAYLIST,
+        type: 'header',
+    });
+
     return (
         <Stack gap={0}>
             {collapsed ? (
@@ -86,7 +93,7 @@ export const PlaylistDetailSongListHeader = ({
                 </PageHeader>
             ) : (
                 <LibraryHeader
-                    imageUrl={detailQuery?.data?.imageUrl}
+                    imageUrl={imageUrl}
                     item={{ route: AppRoute.PLAYLISTS, type: LibraryItem.PLAYLIST }}
                     title={detailQuery?.data?.name}
                 >
diff --git a/src/shared/api/navidrome/navidrome-normalize.ts b/src/shared/api/navidrome/navidrome-normalize.ts
index a0ce4140f..beb742cea 100644
--- a/src/shared/api/navidrome/navidrome-normalize.ts
+++ b/src/shared/api/navidrome/navidrome-normalize.ts
@@ -156,7 +156,7 @@ const normalizeSong = (
             songCount: null,
         })),
         id,
-        imageId: item.id,
+        imageId: id,
         imageUrl: null,
         lastPlayedAt: normalizePlayDate(item),
         lyrics: item.lyrics ? item.lyrics : null,