import Card from '@/Components/Card'; import { Badge } from '@/Components/ui/badge'; import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import DocumentFilters from '@/Pages/Document/DocumentFilters'; import DocumentViewAction from '@/Pages/Document/DocumentViewAction'; import { ALL_TYPES_VALUE, formatFileSize } from '@/Pages/Document/documentFile'; import { Document, DocumentType, User } from '@/types'; import { Head, router, usePage } from '@inertiajs/react'; import { useState } from 'react'; interface PatientListProps { documents: Document[]; documentTypes: DocumentType[]; patient: User; } export default function PatientList({ documents, documentTypes, patient, }: PatientListProps) { const user = usePage().props.auth.user; const { filters } = usePage().props; const [search, setSearch] = useState(filters?.search || ''); const [typeId, setTypeId] = useState( filters?.document_type_id || ALL_TYPES_VALUE, ); // Search and type filter travel together, so that changing one does not // reset the other. const reload = (params: { search: string; typeId: string }) => { router.get( route('patient-documents', { patient: patient.id }), { search: params.search, document_type_id: params.typeId === ALL_TYPES_VALUE ? '' : params.typeId, }, { preserveState: true, preserveScroll: true, replace: true, // Prevent duplicate history entries }, ); }; const handleSearchChange = (value: string) => { setSearch(value); reload({ search: value, typeId }); }; const handleTypeChange = (value: string) => { setTypeId(value); reload({ search, typeId: value }); }; const isFiltering = search !== '' || typeId !== ALL_TYPES_VALUE; const documentCards = documents.map((patientDocument) => (
{patientDocument.name}
{patientDocument.type.name} {formatFileSize(patientDocument.size)} {new Date( patientDocument.created_at, ).toLocaleDateString('it')}
)); const backLinkLabel = patient.id === user.id ? 'Dashboard' : `${patient.name} ${patient.surname}`; return (
Documenti
{documentCards.length ? ( documentCards ) : (
{isFiltering ? 'Nessun risultato.' : 'Nessun documento disponibile.'}
)}
); }