import { Form, Head, Link } from '@inertiajs/react'; import { useState } from 'react'; import HeadingSmall from '@/components/heading-small'; import { Checkbox } from '@/components/ui/checkbox'; import { useUserTimezone } from '@/hooks/use-user-timezone'; import AppLayout from '@/layouts/app-layout'; import { formatDateTime } from '@/lib/format-date'; import { index, show } from '@/routes/admin/supplier-product-imports'; type Supplier = { id: number; name: string; slug: string; }; type Import = { id: number; source: string; raw_file_sha256: string | null; total_rows: number; created_count: number; updated_count: number; archived_count: number; skipped_count: number; started_at: string | null; finished_at: string | null; error_message: string | null; operations_count: number; created_operations_count: number; updated_operations_count: number; archived_operations_count: number; skipped_operations_count: number; }; type PaginatedImports = { data: Import[]; current_page: number; last_page: number; per_page: number; total: number; links: { url: string | null; label: string; active: boolean }[]; }; type Props = { suppliers: Supplier[]; activeSupplierId: number | null; imports: PaginatedImports | never[]; }; function duration(startedAt: string | null, finishedAt: string | null): string { if (!startedAt || !finishedAt) return '—'; const ms = new Date(finishedAt).getTime() - new Date(startedAt).getTime(); if (ms < 1000) return `${ms}ms`; return `${(ms / 1000).toFixed(1)}s`; } export default function SupplierProductImports({ suppliers, activeSupplierId, imports, }: Props) { const timezone = useUserTimezone(); const paginated = Array.isArray(imports) ? null : imports; const [force, setForce] = useState(false); const breadcrumbs = [ { title: 'Supplier Product Imports', href: activeSupplierId === null ? index.url() : index.url({ query: { supplier_id: activeSupplierId } }), }, ]; return (
{activeSupplierId !== null && (
({ ...data, supplier_id: activeSupplierId, force, })} > {({ processing }) => (
)}
)}
{activeSupplierId === null ? (
Pick a supplier to view import history.
) : paginated === null || paginated.data.length === 0 ? (
No imports found for this supplier.
) : (
{paginated.data.map((imp) => ( { window.location.href = show.url(imp.id); }} > ))}
ID Source SHA-256 Rows Created Updated Archived Skipped Duration Started Error
#{imp.id} {imp.source} {imp.raw_file_sha256 ? ( {imp.raw_file_sha256.slice(0, 8)}… ) : '—'} {imp.total_rows} {imp.created_count} {imp.updated_count} {imp.archived_count} {imp.skipped_count} {duration(imp.started_at, imp.finished_at)} {formatDateTime(imp.started_at, timezone)} {imp.error_message ?? '—'}
{paginated.last_page > 1 && (
Showing {(paginated.current_page - 1) * paginated.per_page + 1}– {Math.min(paginated.current_page * paginated.per_page, paginated.total)} of{' '} {paginated.total}
{paginated.links.map((link) => ( ))}
)}
)}
); }