From 960c4db1acf2e7718d0fcc8951f4e128705a7a55 Mon Sep 17 00:00:00 2001
From: TekH <h.tek@digitaldata.works>
Date: Fri, 11 Jul 2025 14:31:16 +0200
Subject: [PATCH] =?UTF-8?q?feat(doc-item):=20Vereinfachung=20der=20Darstel?=
 =?UTF-8?q?lung=20von=20=C3=84nderungsinformationen=20durch=20neue=20Utili?=
 =?UTF-8?q?ty-Methode?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Ersetzte die separate Verwendung von `changedWho` und `changedWhen` durch die neue Methode `getChangedInfo()` in der Klasse `Doc`.
- Aktualisiertes Symbol für `addedWho` von ‚gridicons:add‘ zu ‚mdi:user‘.
---
 src/client/dd-hub-react/src/api/document-service.ts   | 11 +++++++++++
 .../dd-hub-react/src/sections/document/doc-item.tsx   |  7 +++----
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/client/dd-hub-react/src/api/document-service.ts b/src/client/dd-hub-react/src/api/document-service.ts
index 342039b..624891d 100644
--- a/src/client/dd-hub-react/src/api/document-service.ts
+++ b/src/client/dd-hub-react/src/api/document-service.ts
@@ -16,6 +16,17 @@ export class Doc {
     changedWhen?: Date;
     changedWho?: string;
 
+    getChangedInfo(separator: string = " | "): string | null {
+        const who = this.changedWho?.trim();
+        const when = this.changedWhen?.toLocaleDateString('de-DE');
+
+        if (!who && !when) {
+            return null;
+        }
+
+        return [who, when].filter(Boolean).join(separator);
+    }
+
     get extension(): string | undefined {
         const parts = this.name.split('.');
         if (parts.length > 1 && parts[parts.length - 1].trim() !== '') {
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 0fb9d99..d84e1b8 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
@@ -43,7 +43,7 @@ export function DocItem({
     //     />
     // );
     //#endregion
-    
+
     const renderTitle = (
         <Link
             color="inherit"
@@ -77,9 +77,8 @@ export function DocItem({
             }}
         >
             {[
-                { data: doc.addedWho, icon: 'gridicons:add' },
-                { data: doc.changedWho, icon: 'material-symbols:change-circle-rounded' },
-                { data: doc.changedWhen?.toLocaleDateString('de-DE'), icon: 'material-symbols:change-circle-rounded' },
+                { data: doc.addedWho, icon: 'mdi:user' },
+                { data: doc.getChangedInfo(', '), icon: 'material-symbols:change-circle-rounded' }
             ].filter(info => info.data).map((info, _index) => (
                 <Box
                     key={_index}