unhide image on error on libraryheader

src/renderer/features/shared/components/library-header.tsx

@@ -1,6 +1,6 @@
 import { closeAllModals, openModal } from '@mantine/modals';
 import clsx from 'clsx';
-import { forwardRef, ReactNode, Ref, useCallback, useState } from 'react';
+import { forwardRef, ReactNode, Ref, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router';
 
@@ -64,13 +64,8 @@ export const LibraryHeader = forwardRef(
         ref: Ref<HTMLDivElement>,
     ) => {
         const { t } = useTranslation();
-        const [isImageError, setIsImageError] = useState<boolean | null>(false);
         const { blurExplicitImages } = useGeneralSettings();
 
-        const onImageError = () => {
-            setIsImageError(true);
-        };
-
         const itemTypeString = (): string => {
             switch (item.type) {
                 case LibraryItem.ALBUM:
@@ -161,21 +156,18 @@ export const LibraryHeader = forwardRef(
                     style={{ cursor: 'pointer' }}
                     tabIndex={0}
                 >
-                    {!isImageError && (
+                    <ItemImage
-                        <ItemImage
+                        className={styles.image}
-                            className={styles.image}
+                        containerClassName={styles.image}
-                            containerClassName={styles.image}
+                        enableDebounce={false}
-                            enableDebounce={false}
+                        enableViewport={false}
-                            enableViewport={false}
+                        explicitStatus={item.explicitStatus ?? null}
-                            explicitStatus={item.explicitStatus ?? null}
+                        fetchPriority="high"
-                            fetchPriority="high"
+                        id={item.imageId}
-                            id={item.imageId}
+                        itemType={item.type as LibraryItem}
-                            itemType={item.type as LibraryItem}
+                        src={imageUrl || ''}
-                            onError={onImageError}
+                        type="header"
-                            src={imageUrl || ''}
+                    />
-                            type="header"
-                        />
-                    )}
                 </div>
                 {title && (
                     <div className={styles.metadataSection}>