import { Head, router } from '@inertiajs/react'; import { PageHeader } from '@/Components/ui'; import AppLayout from '@/Layouts/AppLayout'; import { formatDate } from '@/lib/utils'; interface Note { id: number; title: string; body: string; read_at: string | null; created_at: string } export default function Notifications({ notifications }: { notifications: { data: Note[] } }) { return ( router.post('/notifications/read-all')}>Mark all read} />

{notifications.data.length === 0 &&

You are caught up.

} {notifications.data.map((note) => ( ))}

); }