pagenation

src/features/store-admin/TenantSheetImportPanel.tsx

@@ -26,6 +26,8 @@ import { importSheetProducts, type SheetImportResult, type SheetProductRow } fro
 import { errorMessage } from '@/api/client';
 import { SectionHeader } from '@/components/SectionHeader';
 import { SheetDropzone } from '@/components/SheetDropzone';
+import { TablePager } from '@/components/TablePager';
+import { usePaged } from '@/components/usePaged';
 import {
   downloadTemplate,
   parseProductSheet,
@@ -154,7 +156,10 @@ export function TenantSheetImportPanel({ tenantid, locationid }: TenantSheetImpo
     },
   ];
 
-  const preview: PreviewRow[] = (parsed?.rows ?? []).slice(0, 25).map((row: SheetProductRow) => ({
+  /* The whole sheet, paged — it used to be cut at 25 with nothing saying so,
+     unlike the issues list above, which says '…and N more'. A bad row on line
+     300 was unreachable in the one screen meant for checking the parse. */
+  const preview: PreviewRow[] = (parsed?.rows ?? []).map((row: SheetProductRow) => ({
     productname: row.productname,
     productsku: row.productsku,
     categoryid: row.categoryid,
@@ -163,6 +168,9 @@ export function TenantSheetImportPanel({ tenantid, locationid }: TenantSheetImpo
     quantity: row.quantity,
   }));
 
+  // A new file is a new sheet, so the pager starts over.
+  const previewPaged = usePaged(preview, { resetKey: preview.length });
+
   if (result) {
     const isClean = result.failures.length === 0;
     return (
@@ -295,13 +303,16 @@ export function TenantSheetImportPanel({ tenantid, locationid }: TenantSheetImpo
             ) : null}
 
             {preview.length > 0 ? (
-              <Table<PreviewRow>
-                data={preview}
-                columns={previewColumns}
-                idKey="productsku"
-                density="compact"
-                dividers="rows"
-              />
+              <>
+                <Table<PreviewRow>
+                  data={previewPaged.rows}
+                  columns={previewColumns}
+                  idKey="productsku"
+                  density="compact"
+                  dividers="rows"
+                />
+                <TablePager paged={previewPaged} label="sheet rows" />
+              </>
             ) : null}
 
             {progress ? (