From d8df70eddd70691112b8df2c6c76507d1b93f46e Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Wed, 3 Dec 2025 19:01:23 -0800
Subject: [PATCH] fix error on album/albumartist header image (#1299)

---
 src/renderer/features/albums/routes/album-detail-route.tsx    | 4 ++--
 .../features/artists/routes/album-artist-detail-route.tsx     | 2 +-
 .../features/shared/components/library-background-overlay.tsx | 4 ++--
 src/renderer/store/settings.store.ts                          | 4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/renderer/features/albums/routes/album-detail-route.tsx b/src/renderer/features/albums/routes/album-detail-route.tsx
index 0776620f7..fea095161 100644
--- a/src/renderer/features/albums/routes/album-detail-route.tsx
+++ b/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} />
diff --git a/src/renderer/features/artists/routes/album-artist-detail-route.tsx b/src/renderer/features/artists/routes/album-artist-detail-route.tsx
index d37c7e8ca..ae0e0c000 100644
--- a/src/renderer/features/artists/routes/album-artist-detail-route.tsx
+++ b/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}`}>
diff --git a/src/renderer/features/shared/components/library-background-overlay.tsx b/src/renderer/features/shared/components/library-background-overlay.tsx
index a820a0f69..53f045430 100644
--- a/src/renderer/features/shared/components/library-background-overlay.tsx
+++ b/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 (
         <>
diff --git a/src/renderer/store/settings.store.ts b/src/renderer/store/settings.store.ts
index 7bf55bc90..e4a209ec9 100644
--- a/src/renderer/store/settings.store.ts
+++ b/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: {},