From 684841ffb431f8d68a69338f48ef517a69236b4d Mon Sep 17 00:00:00 2001
From: DeeCee03 <dejan@tool-ctrl.de>
Date: Sat, 6 Jun 2026 20:47:58 +0200
Subject: [PATCH] Projektlogo auch in Dashboard-Listen anzeigen
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Logo erscheint jetzt zusätzlich bei "Anstehende Meilensteine" (neben dem
Projekt-Link) und bei "Pflicht-Minimum offen" (vor dem Namen). Dashboard-
Queries liefern dafür project.logoUrl mit.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 apps/api/src/routers/dashboard.ts | 3 ++-
 apps/web/src/routes/dashboard.tsx | 7 +++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/api/src/routers/dashboard.ts b/apps/api/src/routers/dashboard.ts
index 4027571..95d47c5 100644
--- a/apps/api/src/routers/dashboard.ts
+++ b/apps/api/src/routers/dashboard.ts
@@ -69,6 +69,7 @@ export const dashboardRouter = router({
             status: milestone.status,
             projectId: milestone.projectId,
             projectName: project.name,
+            projectLogoUrl: project.logoUrl,
             areaId: project.areaId,
           })
           .from(milestone)
@@ -146,7 +147,7 @@ export const dashboardRouter = router({
         .map((p) => ({ id: p.id, name: p.name, areaId: p.areaId, modus: p.modus })),
       pflichtMinimumOffen: allProjects
         .filter((p) => Object.values(p.pflichtMinimumState).some((v) => v === false))
-        .map((p) => ({ id: p.id, name: p.name, areaId: p.areaId })),
+        .map((p) => ({ id: p.id, name: p.name, areaId: p.areaId, logoUrl: p.logoUrl })),
       feed: feedLatestPerUser,
       gestern: previousWerktag(todayDate),
     };
diff --git a/apps/web/src/routes/dashboard.tsx b/apps/web/src/routes/dashboard.tsx
index 8533874..4bfb8c2 100644
--- a/apps/web/src/routes/dashboard.tsx
+++ b/apps/web/src/routes/dashboard.tsx
@@ -8,6 +8,7 @@ import { TeamTimeSection } from '../components/time/TeamTimeSection';
 import { MODUS_META, type ProjectModus } from '../lib/project-meta';
 import { AlertTriangle } from 'lucide-react';
 import { clsx } from 'clsx';
+import { ProjectLogo } from '../components/project/ProjectLogo';
 
 export function DashboardRoute() {
   const q = trpc.dashboard.overview.useQuery();
@@ -103,8 +104,9 @@ export function DashboardRoute() {
                     </div>
                     <Link
                       to={`/projekt/${m.projectId}`}
-                      className="shrink-0 text-xs text-[var(--color-ink-muted)] hover:text-[var(--color-ink)] hover:underline"
+                      className="inline-flex shrink-0 items-center gap-2 text-xs text-[var(--color-ink-muted)] hover:text-[var(--color-ink)] hover:underline"
                     >
+                      <ProjectLogo url={m.projectLogoUrl} name={m.projectName} size={20} />
                       {m.projectName} →
                     </Link>
                   </li>
@@ -200,7 +202,8 @@ export function DashboardRoute() {
             <ul className="space-y-1 text-sm">
               {q.data.pflichtMinimumOffen.map((p) => (
                 <li key={p.id}>
-                  <Link to={`/projekt/${p.id}`} className="hover:underline">
+                  <Link to={`/projekt/${p.id}`} className="inline-flex items-center gap-2 hover:underline">
+                    <ProjectLogo url={p.logoUrl} name={p.name} size={20} />
                     {p.name}
                   </Link>
                 </li>