From c1f0492124197d22f1a1d03adf8b279f3485ef0f Mon Sep 17 00:00:00 2001
From: Bruno Charest <bruno.charest@gmail.com>
Date: Thu, 25 Jun 2026 10:54:19 -0400
Subject: [PATCH] Fix ClientDetail: use ImageLoader instead of static icon for
 thumbnails

---
 imago-admin/src/pages/admin/ClientDetail.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/imago-admin/src/pages/admin/ClientDetail.tsx b/imago-admin/src/pages/admin/ClientDetail.tsx
index 85bc655..6ac1ecc 100644
--- a/imago-admin/src/pages/admin/ClientDetail.tsx
+++ b/imago-admin/src/pages/admin/ClientDetail.tsx
@@ -11,6 +11,7 @@ import { useImages } from '@/hooks/useImages';
 import { formatDate, formatTokens, formatMB } from '@/utils/formatters';
 import { PLANS, SCOPES } from '@/utils/constants';
 import { ArrowLeft, Images, ExternalLink, Edit3, X, Loader2, Save } from 'lucide-react';
+import { ImageLoader } from '@/components/shared/ImageLoader';
 import type { Plan, APIClientUpdate } from '@/types/api.types';
 
 export default function ClientDetail() {
@@ -151,9 +152,11 @@ export default function ClientDetail() {
                                 to={`/gallery/image/${img.id}`}
                                 className="group card-compact p-2 hover:border-border-light transition-colors"
                             >
-                                <div className="aspect-square bg-surface-overlay rounded-lg mb-2 flex items-center justify-center overflow-hidden">
-                                    <Images size={24} className="text-content-muted group-hover:text-brand-400 transition-colors" />
-                                </div>
+                                <ImageLoader
+                                    imageId={img.id}
+                                    alt={img.original_name}
+                                    className="rounded-lg overflow-hidden"
+                                />
                                 <p className="text-xs text-content-primary truncate">{img.original_name}</p>
                                 <div className="flex items-center gap-1 mt-1">
                                     <StatusBadge status={img.processing_status} />