import Card from '@/Components/Card'; import DeviceBatteryIndicator from '@/Components/DeviceBatteryIndicator'; import DeviceTypeIcon from '@/Components/DeviceTypeIcon'; import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { capitalize, t } from '@/lib/utils'; import { Device, User } from '@/types'; import { Head, usePage } from '@inertiajs/react'; interface PatientListProps { devices: Device[]; availableTypes: string[]; patient: User; } export default function PatientList({ devices, patient }: PatientListProps) { const user = usePage().props.auth.user; const deviceCards = devices.map((device) => (

{device.manufacturer} {device.model}

{device.serial_number}

)); const EmptyMessage = () => { return

Nessun dispositivo assegnato.

; }; const backLinkLabel = patient.id === user.id ? 'Dashboard' : `${patient.name} ${patient.surname}`; return (

{capitalize(t('devices'))}

{deviceCards.length ? ( deviceCards ) : ( )}

); }