From 0806d9852a36e5a79ebb286502d19c2425a41e7d Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Tue, 23 Dec 2025 20:53:14 -0800
Subject: [PATCH] fix sidebar playlist image url generation

---
 .../sidebar/components/sidebar-playlist-list.tsx         | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx b/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx
index d32b21a0e..c74238e43 100644
--- a/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx
+++ b/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx
@@ -7,6 +7,7 @@ import { generatePath, Link } from 'react-router';
 
 import styles from './sidebar-playlist-list.module.css';
 
+import { useItemImageUrl } from '/@/renderer/components/item-image/item-image';
 import { getDraggedItems } from '/@/renderer/components/item-list/helpers/get-dragged-items';
 import { ContextMenuController } from '/@/renderer/features/context-menu/context-menu-controller';
 import { usePlayer } from '/@/renderer/features/player/context/player-context';
@@ -160,6 +161,12 @@ const PlaylistRowButton = memo(({ item, name, onContextMenu, to }: PlaylistRowBu
         [player, serverId],
     );
 
+    const imageUrl = useItemImageUrl({
+        id: item.id,
+        itemType: LibraryItem.PLAYLIST,
+        type: 'table',
+    });
+
     return (
         <Link
             className={clsx(styles.row, {
@@ -179,7 +186,7 @@ const PlaylistRowButton = memo(({ item, name, onContextMenu, to }: PlaylistRowBu
             to={url}
         >
             <div className={styles.rowGroup}>
-                <Image containerClassName={styles.imageContainer} src={item.imageUrl || ''} />
+                <Image containerClassName={styles.imageContainer} src={imageUrl} />
                 <div className={styles.metadata}>
                     <Text className={styles.name} fw={500} size="md">
                         {name}