import { Head, Link, router } from '@inertiajs/react'; import { Building2, Contact as ContactIcon, Pencil, Plus, Search, Trash2, User, } from 'lucide-react'; import { useState } from 'react'; import { ConfirmDialog } from '@/components/confirm-dialog'; import { EmptyState } from '@/components/empty-state'; import { Kpi } from '@/components/kpi'; import { PageHeader } from '@/components/page-header'; import { Pagination } from '@/components/pagination'; import type { Paginated } from '@/components/pagination'; import { StatusBadge } from '@/components/status-badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/components/ui/select'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/components/ui/table'; import { create, destroy, edit, index, show } from '@/routes/contacts'; type Row = { id: string; kind: string; kind_label: string; name: string; city: string | null; state: string | null; category: string | null; is_client: boolean; }; type Option = { value: number | string; label: string }; type Props = { contacts: Paginated; filters: { search: string; kind: string; category: number | null }; categories: Option[]; kinds: Option[]; stats: { total: number; individuals: number; organizations: number; this_month: number; }; }; const ALL = 'all'; export default function ContactsIndex({ contacts, filters, categories, kinds, stats, }: Props) { const [search, setSearch] = useState(filters.search ?? ''); const applyFilters = ( patch: Record, ) => { const next = { search, kind: filters.kind || undefined, category: filters.category || undefined, ...patch, }; router.get(index().url, next, { preserveState: true, replace: true }); }; return ( <>

Add contact } />

{contacts.data.length === 0 ? ( Add contact } /> ) : ( <> Name Kind Category Location Actions {contacts.data.map((row) => ( {row.kind === 'organization' ? ( ) : ( )} {row.name} {row.is_client && ( Client )} {row.kind_label} {row.category ?? '—'} {[row.city, row.state] .filter(Boolean) .join(', ') || '—'}

router.delete( destroy( row.id, ).url, ) } trigger={ } />

))}

)}

); }