Fix ClientDetail: use ImageLoader instead of static icon for thumbnails
This commit is contained in:
@@ -11,6 +11,7 @@ import { useImages } from '@/hooks/useImages';
|
|||||||
import { formatDate, formatTokens, formatMB } from '@/utils/formatters';
|
import { formatDate, formatTokens, formatMB } from '@/utils/formatters';
|
||||||
import { PLANS, SCOPES } from '@/utils/constants';
|
import { PLANS, SCOPES } from '@/utils/constants';
|
||||||
import { ArrowLeft, Images, ExternalLink, Edit3, X, Loader2, Save } from 'lucide-react';
|
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';
|
import type { Plan, APIClientUpdate } from '@/types/api.types';
|
||||||
|
|
||||||
export default function ClientDetail() {
|
export default function ClientDetail() {
|
||||||
@@ -151,9 +152,11 @@ export default function ClientDetail() {
|
|||||||
to={`/gallery/image/${img.id}`}
|
to={`/gallery/image/${img.id}`}
|
||||||
className="group card-compact p-2 hover:border-border-light transition-colors"
|
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">
|
<ImageLoader
|
||||||
<Images size={24} className="text-content-muted group-hover:text-brand-400 transition-colors" />
|
imageId={img.id}
|
||||||
</div>
|
alt={img.original_name}
|
||||||
|
className="rounded-lg overflow-hidden"
|
||||||
|
/>
|
||||||
<p className="text-xs text-content-primary truncate">{img.original_name}</p>
|
<p className="text-xs text-content-primary truncate">{img.original_name}</p>
|
||||||
<div className="flex items-center gap-1 mt-1">
|
<div className="flex items-center gap-1 mt-1">
|
||||||
<StatusBadge status={img.processing_status} />
|
<StatusBadge status={img.processing_status} />
|
||||||
|
|||||||
Reference in New Issue
Block a user