Fix ClientDetail: use ImageLoader instead of static icon for thumbnails

2026-06-25 10:54:19 -04:00
parent b9c4622ece
commit c1f0492124
1 changed files with 6 additions and 3 deletions
@@ -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} />