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

This commit is contained in:
jeffvli
2025-12-03 19:01:23 -08:00
parent cb2581252b
commit d8df70eddd
4 changed files with 7 additions and 7 deletions
@@ -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} />
@@ -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}`}>
@@ -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 (
<>