diff --git a/src/renderer/api/jellyfin.api.ts b/src/renderer/api/jellyfin.api.ts index 01d3e658..dae29691 100644 --- a/src/renderer/api/jellyfin.api.ts +++ b/src/renderer/api/jellyfin.api.ts @@ -582,7 +582,7 @@ const getAlbumCoverArtUrl = (args: { baseUrl: string; item: JFAlbum; size: numbe }; const getSongCoverArtUrl = (args: { baseUrl: string; item: JFSong; size: number }) => { - const size = args.size ? args.size : 300; + const size = args.size ? args.size : 100; if (!args.item.ImageTags?.Primary) { return null; @@ -652,7 +652,7 @@ const normalizeSong = ( genres: item.GenreItems.map((entry: any) => ({ id: entry.Id, name: entry.Name })), id: item.Id, imagePlaceholderUrl: null, - imageUrl: getSongCoverArtUrl({ baseUrl: server.url, item, size: imageSize || 300 }), + imageUrl: getSongCoverArtUrl({ baseUrl: server.url, item, size: imageSize || 100 }), itemType: LibraryItem.SONG, lastPlayedAt: null, name: item.Name, diff --git a/src/renderer/api/navidrome.api.ts b/src/renderer/api/navidrome.api.ts index 84cade32..3dbb624f 100644 --- a/src/renderer/api/navidrome.api.ts +++ b/src/renderer/api/navidrome.api.ts @@ -503,7 +503,7 @@ const normalizeSong = ( baseUrl: server.url, coverArtId: id, credential: server.credential, - size: imageSize || 300, + size: imageSize || 100, }); const imagePlaceholderUrl = null; diff --git a/src/renderer/features/sidebar/components/sidebar.tsx b/src/renderer/features/sidebar/components/sidebar.tsx index fe95a34d..a702ad23 100644 --- a/src/renderer/features/sidebar/components/sidebar.tsx +++ b/src/renderer/features/sidebar/components/sidebar.tsx @@ -80,6 +80,12 @@ export const Sidebar = () => { const sidebar = useSidebarStore(); const { setSidebar } = useAppStoreActions(); const imageUrl = useCurrentSong()?.imageUrl; + + const upsizedImageUrl = imageUrl + ?.replace(/size=\d+/, 'size=300') + .replace(/width=\d+/, 'width=300') + .replace(/height=\d+/, 'height=300'); + const showImage = sidebar.image; const handlePlayQueueAdd = usePlayQueueAdd(); const playButtonBehavior = usePlayButtonBehavior(); @@ -335,10 +341,10 @@ export const Sidebar = () => { to={AppRoute.NOW_PLAYING} transition={{ duration: 0.3, ease: 'easeInOut' }} > - {imageUrl ? ( + {upsizedImageUrl ? ( ) : (