import Card from '@/Components/Card';
import { Badge } from '@/Components/ui/badge';
import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout';
import { capitalize } from '@/lib/utils';
import { Alert, User } from '@/types';
import { Head, usePage } from '@inertiajs/react';
import dayjs from 'dayjs';
import { BellRing } from 'lucide-react';
interface PatientListProps {
alerts: Alert[];
patient: User;
}
export default function PatientList({ alerts, patient }: PatientListProps) {
const user = usePage().props.auth.user;
const alertCards = alerts.map((alert) => {
const lastNotification = alert.notifications.length
? alert.notifications[0]
: null;
const lastNotificationDate = lastNotification
? dayjs(lastNotification.created_at).format('DD.MM.YYYY - HH:mm')
: null;
return (
{capitalize(alert.condition_as_text)}
{alert.message}
{lastNotificationDate && (
{lastNotificationDate}
)}
);
});
const EmptyMessage = () => {
return Nessun avviso assegnato.
;
};
const backLinkLabel =
patient.id === user.id
? 'Dashboard'
: `${patient.name} ${patient.surname}`;
return (
Avvisi
{alertCards.length ? (
alertCards
) : (
)}
);
}