diff --git a/src/renderer/components/item-image/item-image.tsx b/src/renderer/components/item-image/item-image.tsx index 349cadd88..fb6cf2a13 100644 --- a/src/renderer/components/item-image/item-image.tsx +++ b/src/renderer/components/item-image/item-image.tsx @@ -18,10 +18,14 @@ const BaseItemImage = ( src?: null | string; }, ) => { - // eslint-disable-next-line @typescript-eslint/no-unused-vars const { src, ...rest } = props; - const imageUrl = useItemImageUrl({ id: props.id, itemType: props.itemType, size: 300 }); + const imageUrl = useItemImageUrl({ + id: props.id, + imageUrl: src, + itemType: props.itemType, + size: 300, + }); return ; }; 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 f32e8c0ee..c0e9c384e 100644 --- a/src/renderer/features/artists/components/album-artist-detail-header.tsx +++ b/src/renderer/features/artists/components/album-artist-detail-header.tsx @@ -128,6 +128,7 @@ export const AlbumArtistDetailHeader = forwardRef((_props, ref: Ref { const imageUrl = useItemImageUrl({ id: detailQuery?.data?.imageId || undefined, + imageUrl: detailQuery.data?.imageUrl, itemType: LibraryItem.ALBUM_ARTIST, type: 'header', }); + const libraryBackgroundImageUrl = useItemImageUrl({ + id: detailQuery?.data?.imageId || undefined, + itemType: LibraryItem.ALBUM_ARTIST, + type: 'itemCard', + }); + const selectedImageUrl = imageUrl || detailQuery.data?.imageUrl; const { background: backgroundColor, isLoading: isColorLoading } = useFastAverageColor({ @@ -93,7 +100,7 @@ const AlbumArtistDetailRoute = () => { ) : ( diff --git a/src/shared/api/navidrome/navidrome-normalize.ts b/src/shared/api/navidrome/navidrome-normalize.ts index beb742cea..af84de579 100644 --- a/src/shared/api/navidrome/navidrome-normalize.ts +++ b/src/shared/api/navidrome/navidrome-normalize.ts @@ -333,7 +333,7 @@ const normalizeAlbumArtist = ( item.similarArtists?.map((artist) => ({ id: artist.id, imageId: null, - imageUrl: artist?.artistImageUrl || null, + imageUrl: artist?.artistImageUrl?.replace(/\?size=\d+/, '') || null, name: artist.name, })) || null, songCount,