import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import AlertDeleteAction from '@/Pages/Alert/AlertDeleteAction'; import { AlertsTable } from '@/Pages/Alert/AlertsTable'; import { Alert, AlertsResponse, User } from '@/types'; import { Head } from '@inertiajs/react'; import { ColumnDef } from '@tanstack/react-table'; import dayjs from 'dayjs'; interface AdminListProps { alerts: AlertsResponse; availableChannels: string[]; availableMeasureTypes: string[]; availableConditionTypes: string[]; availablePeriodUnits: string[]; } export default function AdminList({ alerts, availableChannels, availableMeasureTypes, availableConditionTypes, availablePeriodUnits, }: AdminListProps) { const tableColumns: ColumnDef[] = [ { header: 'Utente', cell: ({ row }) => { const alert: Alert = row.original; const user: User = alert.user; return {`${user.name} ${user.surname}`}; }, }, { header: 'Condizione', cell: ({ row }) => { const alert: Alert = row.original; return {alert.condition_as_text}; }, }, { header: 'Ultima notifica', cell: ({ row }) => { const alert: Alert = row.original; const lastNotification = alert.notifications.length ? alert.notifications[0] : null; const lastNotificationDate = lastNotification ? dayjs(lastNotification.created_at).format( 'DD.MM.YYYY - HH:mm', ) : ''; return {lastNotificationDate}; }, }, { id: 'actions', cell: ({ row }) => { const alert: Alert = row.original; return ; }, }, ]; return (

Avvisi

); }