import { GitMerge, RefreshCw } from 'lucide-react'; import { useRef, useState } from 'react'; import { Head, Link, router } from '@inertiajs/react'; import { AdminDataTable } from '@/Components/admin/AdminDataTable'; import { PerPageSelector } from '@/Components/admin/PerPageSelector'; import { SortHeader } from '@/Components/admin/SortHeader'; import PageHeader from '@/Components/layout/PageHeader'; import { Badge } from '@/Components/ui/badge'; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from '@/Components/ui/breadcrumb'; import { Button } from '@/Components/ui/button'; import { ExportButton } from '@/Components/ui/export-button'; 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 { useAdminFilters } from '@/hooks/useAdminFilters'; import { useAdminKeyboardShortcuts } from '@/hooks/useAdminKeyboardShortcuts'; import { useNavigationState } from '@/hooks/useNavigationState'; import AdminLayout from '@/Layouts/AdminLayout'; import { formatRelativeTime } from '@/lib/format'; import type { PaginatedResponse } from '@/types'; interface CannibalizationRunRow { id: number; site_id: number | null; site_name: string | null; site_domain: string | null; status: string; cases_count: number; error: string | null; started_at: string | null; completed_at: string | null; created_at: string; } interface Props { runs: PaginatedResponse; filters: { search?: string; status?: string; sort?: string; dir?: string; per_page?: number }; statuses: string[]; } const STATUS_VARIANTS: Record = { pending: 'secondary', processing: 'warning', completed: 'success', failed: 'destructive', cancelled: 'outline', }; export default function AdminCannibalizationRunsIndex({ runs, filters, statuses }: Props) { const searchInputRef = useRef(null); const [retryingId, setRetryingId] = useState(null); const { search, setSearch, updateFilter, handleSort, handlePage } = useAdminFilters({ route: '/admin/cannibalization-runs', filters, }); const isNavigating = useNavigationState(); const exportParams: Record = {}; if (filters.search) exportParams.search = filters.search; if (filters.status) exportParams.status = filters.status; function handleRetry(run: CannibalizationRunRow) { if (retryingId !== null) return; setRetryingId(run.id); router.post( route('admin.cannibalization-runs.retry', { cannibalizationRun: run.id }), {}, { onFinish: () => setRetryingId(null) }, ); } useAdminKeyboardShortcuts({ onSearch: () => searchInputRef.current?.focus() }); return (
Admin Cannibalization Runs
} />
Filters setSearch(e.target.value)} className="max-w-sm" aria-label="Search cannibalization runs" />
updateFilter({ per_page: perPage })} />
ID Site Status Cases {runs.data.map((run) => ( #{run.id} {run.site_id ? ( {run.site_name ?? '—'} ) : (
{run.site_name ?? '—'}
)} {run.site_domain &&
{run.site_domain}
} {run.status} {run.error &&
{run.error}
} {run.cases_count} {formatRelativeTime(run.started_at)} {formatRelativeTime(run.created_at)} {run.status === 'failed' && ( )} ))}
); }