import { Head, Link } from '@inertiajs/react'; import { Building2, Link2, Pencil, User } from 'lucide-react'; import { EmptyState } from '@/components/empty-state'; import { PageHeader } from '@/components/page-header'; import { StatusBadge } from '@/components/status-badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/components/ui/table'; import { edit, index } from '@/routes/contacts'; type Contact = { id: string; kind: string; kind_label: string; name: string; email: string | null; phone: string | null; address: string | null; city: string | null; state: string | null; category: string | null; nin_masked: string | null; rc_number: string | null; notes: string | null; is_client: boolean; }; type AppearsIn = { context: string; label: string; role: string }; function Field({ label, value }: { label: string; value: string | null }) { return (

{label}

{value || '—'}

); } export default function ContactShow({ contact, appearsIn, }: { contact: Contact; appearsIn: AppearsIn[]; }) { return ( <>

} />

{contact.kind === 'organization' ? ( ) : ( )} Contact card {contact.is_client && ( Client )} {contact.kind === 'organization' ? ( ) : ( )}

{' '} Appears in {appearsIn.length === 0 ? ( ) : ( Context Reference Role {appearsIn.map((row, i) => ( {row.context} {row.label} {row.role} ))}

)}

); }