fix error on album/albumartist header image (#1299)

src/renderer/features/albums/routes/album-detail-route.tsx

@@ -42,7 +42,7 @@ const AlbumDetailRoute = () => {
 
     const background = backgroundColor;
 
-    const showBlurredImage = Boolean(detailQuery.data?.imageUrl) && albumBackground;
+    const showBlurredImage = albumBackground;
 
     return (
         <AnimatedPage key={`album-detail-${albumId}`}>
@@ -70,7 +70,7 @@ const AlbumDetailRoute = () => {
                     <LibraryBackgroundImage
                         blur={albumBackgroundBlur}
                         headerRef={headerRef}
-                        imageUrl={detailQuery.data.imageUrl!}
+                        imageUrl={detailQuery.data?.imageUrl}
                     />
                 ) : (
                     <LibraryBackgroundOverlay backgroundColor={background} headerRef={headerRef} />

src/renderer/features/artists/routes/album-artist-detail-route.tsx

@@ -47,7 +47,7 @@ const AlbumArtistDetailRoute = () => {
 
     const background = backgroundColor;
 
-    const showBlurredImage = Boolean(detailQuery.data?.imageUrl) && artistBackground;
+    const showBlurredImage = artistBackground;
 
     return (
         <AnimatedPage key={`album-artist-detail-${routeId}`}>

src/renderer/features/shared/components/library-background-overlay.tsx

@@ -69,11 +69,11 @@ export const BackgroundOverlay = ({
 interface LibraryBackgroundProps {
     blur?: number;
     headerRef: React.RefObject<HTMLDivElement | null>;
-    imageUrl?: string;
+    imageUrl: null | string;
 }
 
 export const LibraryBackgroundImage = ({ blur, headerRef, imageUrl }: LibraryBackgroundProps) => {
-    const url = `url(${imageUrl})`;
+    const url = imageUrl ? `url(${imageUrl})` : undefined;
     const height = useHeaderHeight(headerRef);
     return (
         <>

src/renderer/store/settings.store.ts

@@ -627,9 +627,9 @@ const initialState: SettingsState = {
         accent: 'rgb(53, 116, 252)',
         albumArtRes: undefined,
         albumBackground: false,
-        albumBackgroundBlur: 6,
+        albumBackgroundBlur: 3,
         artistBackground: false,
-        artistBackgroundBlur: 6,
+        artistBackgroundBlur: 3,
         artistItems,
         buttonSize: 15,
         disabledContextMenu: {},