import { type BreadcrumbItem } from '@/types'; import { Head } from '@inertiajs/react'; import { Download, File as FileIcon } from 'lucide-react'; import Heading from '@/components/heading'; import { FilterField, ListToolbar } from '@/components/list-toolbar'; import { Pagination, PaginationMeta } from '@/components/pagination'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { ALL, useListQuery } from '@/hooks/use-list-query'; import { useTranslation } from '@/hooks/use-translation'; import AppLayout from '@/layouts/app-layout'; import { categoryColor } from '@/lib/category-colors'; import { formatBytes } from '@/lib/format-bytes'; interface CategoryTag { id: number; name: string; color: string; } interface FileRow { id: number; name: string; original_name: string; mime_type: string; size: number; created_at: string | null; uploaded_by_client: boolean; uploader: string | null; downloads_count: number; can_download: boolean; categories: CategoryTag[]; } interface ClientFilesProps { client: { id: number; name: string; email: string }; files: FileRow[]; pagination: PaginationMeta; search: string; owner: string | null; } export default function ClientFiles({ client, files, pagination, search, owner }: ClientFilesProps) { const { t } = useTranslation(); const { values, set, reset, hasFilters } = useListQuery( 'clients.files', { search, owner: owner ?? ALL }, { search: '', owner: ALL }, { client: client.id }, ); const breadcrumbs: BreadcrumbItem[] = [ { title: t('Clients'), href: route('clients.index') }, { title: client.name, href: route('clients.edit', client.id) }, { title: t('Files'), href: route('clients.files', client.id) }, ]; return (
set('search', e.target.value, true)} />
{files.length === 0 && ( )} {files.map((file) => ( ))}
{hasFilters ? t('No files match these filters.') : t('This client has no accessible files yet.')}

{file.name}

{file.original_name}

{file.categories.length > 0 && (
{file.categories.map((category) => ( {category.name} ))}
)}
{file.uploaded_by_client ? t('Uploaded by client') : t('Shared with client')} {formatBytes(file.size)} {t(':count downloads', { count: file.downloads_count })} {file.can_download && ( )}
); }