From 3b3e77b6721ecc538848ce29d3e987daf73e2714 Mon Sep 17 00:00:00 2001 From: jeffvli Date: Sat, 7 Feb 2026 01:52:58 -0800 Subject: [PATCH] handle external imageUrl --- .../features/player/components/full-screen-player-image.tsx | 2 ++ .../features/player/components/full-screen-player.tsx | 4 ++++ src/renderer/features/player/components/left-controls.tsx | 1 + .../player/components/mobile-fullscreen-player-album-art.tsx | 4 ++++ .../features/player/components/mobile-fullscreen-player.tsx | 5 +++++ src/renderer/features/player/components/mobile-playerbar.tsx | 2 ++ src/renderer/features/sidebar/components/sidebar.tsx | 1 + 7 files changed, 19 insertions(+) diff --git a/src/renderer/features/player/components/full-screen-player-image.tsx b/src/renderer/features/player/components/full-screen-player-image.tsx index eb830f832..81683a097 100644 --- a/src/renderer/features/player/components/full-screen-player-image.tsx +++ b/src/renderer/features/player/components/full-screen-player-image.tsx @@ -94,6 +94,7 @@ export const FullScreenPlayerImage = () => { const currentImageUrl = useItemImageUrl({ id: currentSong?.imageId || undefined, + imageUrl: currentSong?.imageUrl, itemType: LibraryItem.SONG, serverId: currentSong?._serverId, type: 'fullScreenPlayer', @@ -101,6 +102,7 @@ export const FullScreenPlayerImage = () => { const nextImageUrl = useItemImageUrl({ id: nextSong?.imageId || undefined, + imageUrl: nextSong?.imageUrl, itemType: LibraryItem.SONG, serverId: nextSong?._serverId, type: 'fullScreenPlayer', diff --git a/src/renderer/features/player/components/full-screen-player.tsx b/src/renderer/features/player/components/full-screen-player.tsx index e5ee33337..1863fa19a 100644 --- a/src/renderer/features/player/components/full-screen-player.tsx +++ b/src/renderer/features/player/components/full-screen-player.tsx @@ -83,13 +83,17 @@ const BackgroundImage = memo(({ dynamicBackground, dynamicIsImage }: BackgroundI const currentImageUrl = useItemImageUrl({ id: currentSong?.imageId || undefined, + imageUrl: currentSong?.imageUrl, itemType: LibraryItem.SONG, + serverId: currentSong?._serverId, type: 'itemCard', }); const nextImageUrl = useItemImageUrl({ id: nextSong?.imageId || undefined, + imageUrl: nextSong?.imageUrl, itemType: LibraryItem.SONG, + serverId: nextSong?._serverId, type: 'itemCard', }); diff --git a/src/renderer/features/player/components/left-controls.tsx b/src/renderer/features/player/components/left-controls.tsx index 10028cc34..0b383595d 100644 --- a/src/renderer/features/player/components/left-controls.tsx +++ b/src/renderer/features/player/components/left-controls.tsx @@ -140,6 +140,7 @@ export const LeftControls = () => { id={currentSong?.imageId} itemType={LibraryItem.SONG} serverId={currentSong?._serverId} + src={currentSong?.imageUrl} type="table" /> )} diff --git a/src/renderer/features/player/components/mobile-fullscreen-player-album-art.tsx b/src/renderer/features/player/components/mobile-fullscreen-player-album-art.tsx index 967714ae9..d238d6296 100644 --- a/src/renderer/features/player/components/mobile-fullscreen-player-album-art.tsx +++ b/src/renderer/features/player/components/mobile-fullscreen-player-album-art.tsx @@ -102,14 +102,18 @@ export const MobileFullscreenPlayerAlbumArt = () => { const currentImageUrl = useItemImageUrl({ id: currentSong?.imageId || undefined, + imageUrl: currentSong?.imageUrl, itemType: LibraryItem.SONG, + serverId: currentSong?._serverId, size: mainImageDimensions.idealSize, type: 'fullScreenPlayer', }); const nextImageUrl = useItemImageUrl({ id: nextSong?.imageId || undefined, + imageUrl: nextSong?.imageUrl, itemType: LibraryItem.SONG, + serverId: nextSong?._serverId, size: mainImageDimensions.idealSize, type: 'fullScreenPlayer', }); diff --git a/src/renderer/features/player/components/mobile-fullscreen-player.tsx b/src/renderer/features/player/components/mobile-fullscreen-player.tsx index 4483a4696..6b501ed23 100644 --- a/src/renderer/features/player/components/mobile-fullscreen-player.tsx +++ b/src/renderer/features/player/components/mobile-fullscreen-player.tsx @@ -81,13 +81,17 @@ const BackgroundImage = memo(({ dynamicBackground, dynamicIsImage }: BackgroundI const currentImageUrl = useItemImageUrl({ id: currentSong?.imageId || undefined, + imageUrl: currentSong?.imageUrl, itemType: LibraryItem.SONG, + serverId: currentSong?._serverId, type: 'itemCard', }); const nextImageUrl = useItemImageUrl({ id: nextSong?.imageId || undefined, + imageUrl: nextSong?.imageUrl, itemType: LibraryItem.SONG, + serverId: nextSong?._serverId, type: 'itemCard', }); @@ -310,6 +314,7 @@ const MobilePlayerContainer = memo( id: currentSong?.imageId || undefined, imageUrl: currentSong?.imageUrl, itemType: LibraryItem.SONG, + serverId: currentSong?._serverId, type: 'itemCard', }); const { background } = useFastAverageColor({ diff --git a/src/renderer/features/player/components/mobile-playerbar.tsx b/src/renderer/features/player/components/mobile-playerbar.tsx index a07099d5e..8b1d868f7 100644 --- a/src/renderer/features/player/components/mobile-playerbar.tsx +++ b/src/renderer/features/player/components/mobile-playerbar.tsx @@ -98,6 +98,8 @@ export const MobilePlayerbar = () => { fetchPriority="high" id={currentSong.imageId} itemType={LibraryItem.SONG} + serverId={currentSong?._serverId} + src={currentSong?.imageUrl} type="table" /> diff --git a/src/renderer/features/sidebar/components/sidebar.tsx b/src/renderer/features/sidebar/components/sidebar.tsx index 5828594ac..0b575d848 100644 --- a/src/renderer/features/sidebar/components/sidebar.tsx +++ b/src/renderer/features/sidebar/components/sidebar.tsx @@ -170,6 +170,7 @@ const SidebarImage = () => { const imageUrl = useItemImageUrl({ id: currentSong?.imageId || undefined, + imageUrl: currentSong?.imageUrl, itemType: LibraryItem.SONG, serverId: currentSong?._serverId, type: 'sidebar',