import { Head, Link } from '@inertiajs/react'; import { CalendarClock } from 'lucide-react'; import { EmptyState } from '@/components/empty-state'; import { PageHeader } from '@/components/page-header'; import { StatusBadge } from '@/components/status-badge'; import { Card, CardContent } from '@/components/ui/card'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/components/ui/table'; import { show as matterShow } from '@/routes/matters'; type Row = { id: string; matter_id: string; matter_number: string; title: string; type: string; due_date: string; days_left: number; owner: string | null; }; export default function DeadlinesUpcoming({ deadlines }: { deadlines: Row[] }) { const leftLabel = (d: Row) => { if (d.days_left < 0) { return `${Math.abs(d.days_left)}d overdue`; } if (d.days_left === 0) { return 'due today'; } return `${d.days_left}d left`; }; return ( <>

{deadlines.length === 0 ? ( ) : ( Due Deadline Matter Type Owner {deadlines.map((d) => ( {d.due_date} {leftLabel(d)} {d.title} {d.matter_number} {d.type} {d.owner ?? '—'} ))}

)}

); }