import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { Head, Link, router } from '@inertiajs/react'; import { Badge } from '@/Components/ui/badge'; import { formatDate } from '@/lib/utils'; import { Trash2, AlertTriangle } from 'lucide-react'; export default function RemindersIndex({ reminders, overdue }: any) { return (
{overdue > 0 && (
{overdue} reminder{overdue>1?'s':''} overdue — check the list below.
)}
{reminders.data.map((r:any)=>{ const isOverdue = r.status==='pending' && new Date(r.reminder_date) ); })}
Reminder DatePO #SupplierMessageStatus
{formatDate(r.reminder_date)}{isOverdue&&Overdue} {r.purchase_order?.po_number??'—'} {r.purchase_order?.supplier?.name??'—'} {r.message??'—'}
{reminders.data.length===0&&

No pending reminders.

}
); }