From 383d2d5d34acca5e1d7f8fdd351e246d60940138 Mon Sep 17 00:00:00 2001
From: TekH <h.tek@digitaldata.works>
Date: Fri, 11 Jul 2025 13:44:07 +0200
Subject: [PATCH] =?UTF-8?q?Fix:=20Behandlung=20von=20Bildladefehlern=20f?=
 =?UTF-8?q?=C3=BCr=20Dokument-Cover=20Fallback?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

 - onError-Handler zur renderCover-Komponente hinzugefügt, um ein Fallback-Symbol
anzuzeigen, wenn das Dokumentbild nicht geladen werden kann. Verhindert eine fehlerhafte Bildanzeige durch
, indem die Quelle durch ein standardmäßiges „unbekanntes“ Symbol ersetzt wird.
---
 src/client/dd-hub-react/src/sections/document/doc-item.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/client/dd-hub-react/src/sections/document/doc-item.tsx b/src/client/dd-hub-react/src/sections/document/doc-item.tsx
index 4f16b6a..fb7a591 100644
--- a/src/client/dd-hub-react/src/sections/document/doc-item.tsx
+++ b/src/client/dd-hub-react/src/sections/document/doc-item.tsx
@@ -1,6 +1,7 @@
 import type { CardProps } from '@mui/material/Card';
 import type { IconifyName } from 'src/components/iconify';
 
+import { useState } from 'react';
 import { varAlpha } from 'minimal-shared/utils';
 
 import Box from '@mui/material/Box';
@@ -42,7 +43,7 @@ export function DocItem({
     //     />
     // );
     //#endregion
-
+    
     const renderTitle = (
         <Link
             color="inherit"
@@ -102,6 +103,10 @@ export function DocItem({
             component="img"
             alt={doc.name}
             src={doc.iconSrc}
+            onError={(e) => {
+                e.currentTarget.onerror = null;
+                e.currentTarget.src = 'assets/icons/file/unknown.svg';
+            }}
             sx={{
                 top: 0,
                 width: 1,