import DeviceBatteryIndicator from '@/Components/DeviceBatteryIndicator'; import ShowIf from '@/Components/ShowIf'; import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { capitalize, t } from '@/lib/utils'; import DeviceDeleteAction from '@/Pages/Device/DeviceDeleteAction'; import { DevicesTable } from '@/Pages/Device/DevicesTable'; import { Device, DevicesResponse, User } from '@/types'; import { Head } from '@inertiajs/react'; import { ColumnDef } from '@tanstack/react-table'; import { TriangleAlert } from 'lucide-react'; interface AdminListProps { devices: DevicesResponse; availableTypes: string[]; availableManufacturers: string[]; canEdit: boolean; canCreate: boolean; selectedPatient?: User | null; } export default function AdminList({ devices, availableTypes, availableManufacturers, canEdit, canCreate, selectedPatient, }: AdminListProps) { const tableColumns: ColumnDef[] = [ { accessorKey: 'model', header: capitalize(t('model')), }, { accessorKey: 'manufacturer', header: capitalize(t('manufacturer')), }, { accessorKey: 'type', header: capitalize(t('type')), cell: ({ row }) => { const device = row.original; return capitalize(t(device.type)); }, }, { accessorKey: 'serial_number', header: capitalize(t('serial number')), }, { accessorKey: 'battery', header: capitalize(t('battery')), cell: ({ row }) => , }, { accessorKey: 'user', header: capitalize(t('patient')), cell: ({ row }) => { const patient = row.original.user; if (!patient) { return ( {capitalize(t('unassigned'))} ); } return ( {patient.name} {patient.surname} ); }, }, { id: 'actions', cell: ({ row }) => { const device = row.original; return ( ); }, }, ]; return (

{capitalize(t('devices'))}

); }