diff --git a/src/renderer/components/feature-carousel/feature-carousel.tsx b/src/renderer/components/feature-carousel/feature-carousel.tsx index 026fb0b99..6921d4038 100644 --- a/src/renderer/components/feature-carousel/feature-carousel.tsx +++ b/src/renderer/components/feature-carousel/feature-carousel.tsx @@ -79,7 +79,7 @@ interface CarouselItemProps { const CarouselItem = ({ album }: CarouselItemProps) => { const imageUrl = useItemImageUrl({ - id: album.id, + id: album.imageId || undefined, itemType: LibraryItem.ALBUM, type: 'itemCard', }); diff --git a/src/renderer/features/albums/components/album-detail-header.tsx b/src/renderer/features/albums/components/album-detail-header.tsx index 2d8f22885..828d9cb5a 100644 --- a/src/renderer/features/albums/components/album-detail-header.tsx +++ b/src/renderer/features/albums/components/album-detail-header.tsx @@ -84,7 +84,7 @@ export const AlbumDetailHeader = forwardRef((_props, ref) => { const releaseYear = detailQuery?.data?.releaseYear; const imageUrl = useItemImageUrl({ - id: detailQuery?.data?.id, + id: detailQuery?.data?.imageId || undefined, itemType: LibraryItem.ALBUM, type: 'header', }); diff --git a/src/renderer/features/albums/components/expanded-album-list-item.tsx b/src/renderer/features/albums/components/expanded-album-list-item.tsx index 324212f50..162ee0738 100644 --- a/src/renderer/features/albums/components/expanded-album-list-item.tsx +++ b/src/renderer/features/albums/components/expanded-album-list-item.tsx @@ -199,7 +199,7 @@ export const ExpandedAlbumListItem = ({ internalState, item }: ExpandedAlbumList const player = usePlayer(); const imageUrl = useItemImageUrl({ - id: item.id, + id: item.imageId || undefined, itemType: LibraryItem.ALBUM, type: 'itemCard', }); diff --git a/src/renderer/features/albums/routes/album-detail-route.tsx b/src/renderer/features/albums/routes/album-detail-route.tsx index 5232c31df..0947dc3cf 100644 --- a/src/renderer/features/albums/routes/album-detail-route.tsx +++ b/src/renderer/features/albums/routes/album-detail-route.tsx @@ -37,7 +37,7 @@ const AlbumDetailRoute = () => { const imageUrl = useItemImageUrl({ - id: albumId, + id: detailQuery?.data?.imageId || undefined, itemType: LibraryItem.ALBUM, type: 'itemCard', }) || ''; diff --git a/src/renderer/features/albums/routes/dummy-album-detail-route.tsx b/src/renderer/features/albums/routes/dummy-album-detail-route.tsx index 1d1b866ac..4a4d6e0e2 100644 --- a/src/renderer/features/albums/routes/dummy-album-detail-route.tsx +++ b/src/renderer/features/albums/routes/dummy-album-detail-route.tsx @@ -115,7 +115,7 @@ const DummyAlbumDetailRoute = () => { ]; const imageUrl = useItemImageUrl({ - id: albumId, + id: detailQuery?.data?.imageId || undefined, itemType: LibraryItem.ALBUM, type: 'header', }); diff --git a/src/renderer/features/artists/components/album-artist-detail-header.tsx b/src/renderer/features/artists/components/album-artist-detail-header.tsx index ba94caa9f..cd3e4b3e2 100644 --- a/src/renderer/features/artists/components/album-artist-detail-header.tsx +++ b/src/renderer/features/artists/components/album-artist-detail-header.tsx @@ -144,7 +144,7 @@ export const AlbumArtistDetailHeader = forwardRef((_props, ref: Ref { const currentSong = usePlayerSong(); const imageUrl = useItemImageUrl({ - id: currentSong?.id, + id: currentSong?.imageId || undefined, imageUrl: currentSong?.imageUrl, itemType: LibraryItem.SONG, type: 'table', 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 cd5ccc7a4..2a53e7110 100644 --- a/src/renderer/features/player/components/full-screen-player-image.tsx +++ b/src/renderer/features/player/components/full-screen-player-image.tsx @@ -84,13 +84,13 @@ export const FullScreenPlayerImage = () => { const { nextSong } = usePlayerData(); const currentImageUrl = useItemImageUrl({ - id: currentSong?.id, + id: currentSong?.imageId || undefined, itemType: LibraryItem.SONG, type: 'fullScreenPlayer', }); const nextImageUrl = useItemImageUrl({ - id: nextSong?.id, + id: nextSong?.imageId || undefined, itemType: LibraryItem.SONG, 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 ac07b2b4a..c1faebab6 100644 --- a/src/renderer/features/player/components/full-screen-player.tsx +++ b/src/renderer/features/player/components/full-screen-player.tsx @@ -78,13 +78,13 @@ const BackgroundImage = memo(({ dynamicBackground, dynamicIsImage }: BackgroundI const { nextSong } = usePlayerData(); const currentImageUrl = useItemImageUrl({ - id: currentSong?.id, + id: currentSong?.imageId || undefined, itemType: LibraryItem.SONG, type: 'itemCard', }); const nextImageUrl = useItemImageUrl({ - id: nextSong?.id, + id: nextSong?.imageId || undefined, itemType: LibraryItem.SONG, type: 'itemCard', }); @@ -632,7 +632,7 @@ const PlayerContainer = memo( }: PlayerContainerProps) => { const currentSong = usePlayerSong(); const imageUrl = useItemImageUrl({ - id: currentSong?.id, + id: currentSong?.imageId || undefined, imageUrl: currentSong?.imageUrl, itemType: LibraryItem.SONG, type: 'itemCard', 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 dfdba6625..dd1b6ff57 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 @@ -84,14 +84,14 @@ export const MobileFullscreenPlayerAlbumArt = () => { const { nextSong } = usePlayerData(); const currentImageUrl = useItemImageUrl({ - id: currentSong?.id, + id: currentSong?.imageId || undefined, itemType: LibraryItem.SONG, size: mainImageDimensions.idealSize, type: 'fullScreenPlayer', }); const nextImageUrl = useItemImageUrl({ - id: nextSong?.id, + id: nextSong?.imageId || undefined, itemType: LibraryItem.SONG, 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 083e62b1f..adf8039d0 100644 --- a/src/renderer/features/player/components/mobile-fullscreen-player.tsx +++ b/src/renderer/features/player/components/mobile-fullscreen-player.tsx @@ -76,13 +76,13 @@ const BackgroundImage = memo(({ dynamicBackground, dynamicIsImage }: BackgroundI const { nextSong } = usePlayerData(); const currentImageUrl = useItemImageUrl({ - id: currentSong?.id, + id: currentSong?.imageId || undefined, itemType: LibraryItem.SONG, type: 'itemCard', }); const nextImageUrl = useItemImageUrl({ - id: nextSong?.id, + id: nextSong?.imageId || undefined, itemType: LibraryItem.SONG, type: 'itemCard', }); @@ -303,7 +303,7 @@ const MobilePlayerContainer = memo( ({ children, dynamicBackground, dynamicIsImage }: MobilePlayerContainerProps) => { const currentSong = usePlayerSong(); const imageUrl = useItemImageUrl({ - id: currentSong?.id, + id: currentSong?.imageId || undefined, imageUrl: currentSong?.imageUrl, itemType: LibraryItem.SONG, type: 'itemCard', diff --git a/src/renderer/features/player/hooks/use-media-session.ts b/src/renderer/features/player/hooks/use-media-session.ts index b963a9b5d..9660db93c 100644 --- a/src/renderer/features/player/hooks/use-media-session.ts +++ b/src/renderer/features/player/hooks/use-media-session.ts @@ -23,7 +23,7 @@ export const useMediaSession = () => { const currentSong = usePlayerSong(); const imageUrl = useItemImageUrl({ - id: currentSong?.id, + id: currentSong?.imageId || undefined, imageUrl: currentSong?.imageUrl, itemType: LibraryItem.SONG, type: 'itemCard', diff --git a/src/renderer/features/player/hooks/use-mpris.ts b/src/renderer/features/player/hooks/use-mpris.ts index b7447e9b8..54e31d1d3 100644 --- a/src/renderer/features/player/hooks/use-mpris.ts +++ b/src/renderer/features/player/hooks/use-mpris.ts @@ -16,7 +16,7 @@ export const useMPRIS = () => { const currentSong = usePlayerSong(); const imageUrl = useItemImageUrl({ - id: currentSong?.id, + id: currentSong?.imageId || undefined, imageUrl: currentSong?.imageUrl, itemType: LibraryItem.SONG, type: 'itemCard', diff --git a/src/renderer/features/player/hooks/use-scrobble.ts b/src/renderer/features/player/hooks/use-scrobble.ts index 964a6c7f2..551419643 100644 --- a/src/renderer/features/player/hooks/use-scrobble.ts +++ b/src/renderer/features/player/hooks/use-scrobble.ts @@ -69,7 +69,7 @@ export const useScrobble = () => { const currentSong = usePlayerSong(); const imageUrl = useItemImageUrl({ - id: currentSong?.id, + id: currentSong?.imageId || undefined, imageUrl: currentSong?.imageUrl, itemType: LibraryItem.SONG, type: 'itemCard', diff --git a/src/renderer/features/shared/components/library-header.tsx b/src/renderer/features/shared/components/library-header.tsx index 370b5bf6c..52f786ccb 100644 --- a/src/renderer/features/shared/components/library-header.tsx +++ b/src/renderer/features/shared/components/library-header.tsx @@ -180,7 +180,7 @@ const calculateTitleSize = (title: string) => { interface LibraryHeaderMenuProps { favorite?: boolean; - onArtistRadio: () => void; + onArtistRadio?: () => void; onFavorite?: (e: React.MouseEvent) => void; onMore?: (e: React.MouseEvent) => void; onPlay?: (type: Play) => void; diff --git a/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx b/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx index c74238e43..bb6f47640 100644 --- a/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx +++ b/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx @@ -162,7 +162,7 @@ const PlaylistRowButton = memo(({ item, name, onContextMenu, to }: PlaylistRowBu ); const imageUrl = useItemImageUrl({ - id: item.id, + id: item.imageId || undefined, itemType: LibraryItem.PLAYLIST, type: 'table', }); diff --git a/src/renderer/features/sidebar/components/sidebar.tsx b/src/renderer/features/sidebar/components/sidebar.tsx index eced639b1..c9b561f7c 100644 --- a/src/renderer/features/sidebar/components/sidebar.tsx +++ b/src/renderer/features/sidebar/components/sidebar.tsx @@ -153,7 +153,7 @@ const SidebarImage = () => { const currentSong = usePlayerSong(); const imageUrl = useItemImageUrl({ - id: currentSong?.id, + id: currentSong?.imageId || undefined, itemType: LibraryItem.SONG, type: 'sidebar', }); diff --git a/src/renderer/lib/react-query.ts b/src/renderer/lib/react-query.ts index b9d73384a..ad402fccb 100644 --- a/src/renderer/lib/react-query.ts +++ b/src/renderer/lib/react-query.ts @@ -13,6 +13,7 @@ import { toast } from '/@/shared/components/toast/toast'; const queryCache = new QueryCache({ onError: (error: any, query) => { if (query.state.data !== undefined) { + console.error(error); toast.show({ message: `${error.message}`, type: 'error' }); } },