import { Head, router, usePage } from '@inertiajs/react'; import { Bell, Check, CheckCheck } from 'lucide-react'; type Notif = { id: number; type: string; title: string; body: string; read: boolean; created_at: string }; export default function Notifications() { const { notifications } = usePage().props as unknown as { notifications: Notif[] }; const unread = notifications.filter((n) => !n.read).length; return ( <>

Notifications {unread > 0 && {unread}}

{unread > 0 && ( )}

{notifications.map((n) => (

{n.title}

{n.body &&

{n.body}

}

{n.created_at}

{!n.read && ( )}

))} {notifications.length === 0 && (

No notifications yet.

)}

); }