import { Head, Link, router } from '@inertiajs/react'; import { Inbox, UserRound } from 'lucide-react'; import { AdminSurface, AdminSurfaceBar } from '@/components/admin-surface'; import { BulkActionsBar, BulkDeleteButton } from '@/components/bulk-actions-bar'; import { TablePagination } from '@/components/table-pagination'; import type { PaginationMeta } from '@/components/table-pagination'; import { TableSearch } from '@/components/table-search'; import { useBulkSelection } from '@/hooks/use-bulk-selection'; import AdminLayout from '@/layouts/admin-layout'; import { useT } from '@/lib/i18n'; import { relativeTime } from '@/lib/relative-time'; import { dashboard as adminDashboard } from '@/routes/admin'; import { index as adminLeadsIndex } from '@/routes/admin/leads'; import { show as adminWorkspaceShow } from '@/routes/admin/workspaces'; type Row = { id: string; email: string | null; name: string | null; status: string; agent: { id: string; name: string } | null; workspace: { id: string; name: string } | null; created_at: string | null; }; const LEADS_ONLY = ['leads', 'pagination', 'filters']; export default function AdminLeads({ leads, pagination, filters, }: { leads: Row[]; pagination: PaginationMeta; filters: { q: string }; }) { const { t } = useT(); const selection = useBulkSelection(); const pageIds = leads.map((l) => l.id); return ( {t('All leads')} {t(':count leads', { count: pagination.total.toLocaleString(), })}
{leads.length === 0 ? ( ) : ( leads.map((lead) => ( )) )}
{ if (el) { el.indeterminate = !selection.allOnPageSelected( pageIds, ) && selection.someOnPageSelected( pageIds, ); } }} onChange={() => selection.togglePage(pageIds) } className="size-3.5 cursor-pointer rounded border-input" /> {t('Lead')} {t('Workspace')} {t('Agent')} {t('Status')} {t('Created')}

{t('No matching leads')}

{t( 'No leads match the current admin search.', )}

{ const nativeEvent = ( e as unknown as { nativeEvent: MouseEvent; } ).nativeEvent; selection.toggle(lead.id, { shiftKey: nativeEvent?.shiftKey ?? false, pageIds, }); }} onClick={(e) => e.stopPropagation() } className="size-3.5 cursor-pointer rounded border-input" />
{lead.email ? ( ) : ( )}

{lead.name ?? lead.email ?? t('Unknown lead')}

{lead.email ?? t( 'No email captured', )}

{lead.workspace ? ( {lead.workspace.name} ) : ( โ€” )} {lead.agent?.name ?? 'โ€”'} {lead.status} {relativeTime(lead.created_at, 'โ€”')}
{ router.post( '/admin/leads/bulk-destroy', { ids: Array.from(selection.selected) }, { preserveScroll: true, onSuccess: () => selection.clear(), }, ); }} /> ); }