import { Head, Link, router } from '@inertiajs/react'; import { EmptyState, PageHeader, Pagination } from '@/Components/ui'; import AppLayout from '@/Layouts/AppLayout'; import { formatBytes, formatDate, withBase } from '@/lib/utils'; import type { SharedProps } from '@/types'; import { usePage } from '@inertiajs/react'; interface AssetRow { id: number; name: string; original_filename: string; size: number; kind_label: string; mime_type: string; previewable: boolean; version: number; created_at: string | null; uploader: { name: string } | null; content_id: number | null; content_title: string | null; brand: { name: string } | null; } export default function Assets({ assets, filters }: { assets: { data: AssetRow[]; prev: string | null; next: string | null; total: number; from?: number | null; to?: number | null }; filters: Record; kinds: { value: string; label: string }[] }) { const { auth, basePath = '' } = usePage().props; const brands = auth.user?.brands ?? []; return (
{ event.preventDefault(); router.get('/assets', Object.fromEntries(new FormData(event.currentTarget).entries()), { preserveState: true }); }}>
{assets.data.length === 0 ? : (
{assets.data.map((asset) => (
{asset.previewable && asset.mime_type.startsWith('image/') && }

{asset.name}

{asset.kind_label} · v{asset.version} · {formatBytes(asset.size)}

{asset.brand?.name} · {asset.uploader?.name} · {formatDate(asset.created_at)}

Download {asset.content_id && {asset.content_title}}
))}
)} ); }