fix: table pagination count

Smile-SA · Nov 13, 2023 · cc9d101 · cc9d101
1 parent ec53f2c
commit cc9d101
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/packages/react-front-kit-table/src/Components/Table/Table.tsx b/packages/react-front-kit-table/src/Components/Table/Table.tsx
@@ -91,7 +91,7 @@ export function Table<Data extends Record<string, unknown>>(
     rowActionNumber = 0,
     ...mantineTableProps
   } = props;
-  const { enablePagination = true, data, manualPagination } = mantineTableProps;
+  const { enablePagination = true, manualPagination } = mantineTableProps;
   const { classes } = useStyles();
   const [confirmAction, setConfirmAction] =
     useState<IConfirmAction<Data> | null>(null);
@@ -319,7 +319,7 @@ export function Table<Data extends Record<string, unknown>>(
     },
     ...mantineTableProps,
   });
-  const { getState, setPageIndex, setPageSize } = table;
+  const { getPageCount, getState, setPageIndex, setPageSize } = table;
   const { pagination } = getState();
   const { pageIndex, pageSize } = pagination;
 
@@ -344,7 +344,7 @@ export function Table<Data extends Record<string, unknown>>(
               onItemsPerPageChange={handleItemsPerPageChange}
               onPageChange={handlePageChange}
               page={pageIndex + 1}
-              totalPages={Math.ceil(data.length / pageSize)}
+              totalPages={getPageCount()}
             />
           ) : (
             paginationProps !== undefined && (

diff --git a/packages/react-front-kit-table/src/Components/Table/__snapshots__/Table.test.tsx.snap b/packages/react-front-kit-table/src/Components/Table/__snapshots__/Table.test.tsx.snap
@@ -284,6 +284,7 @@ exports[`Table matches snapshot 1`] = `
                         >
                           <input
                             aria-invalid="false"
+                            aria-label="Filter by id"
                             class="mantine-Input-input mantine-TextInput-input mantine-8fuq20"
                             placeholder="Filter by id"
                             title="Filter by id"
@@ -395,6 +396,7 @@ exports[`Table matches snapshot 1`] = `
                         >
                           <input
                             aria-invalid="false"
+                            aria-label="Filter by Format"
                             class="mantine-Input-input mantine-TextInput-input mantine-8fuq20"
                             placeholder="Filter by Format"
                             title="Filter by Format"
@@ -506,6 +508,7 @@ exports[`Table matches snapshot 1`] = `
                         >
                           <input
                             aria-invalid="false"
+                            aria-label="Filter by Titre"
                             class="mantine-Input-input mantine-TextInput-input mantine-8fuq20"
                             placeholder="Filter by Titre"
                             title="Filter by Titre"
@@ -617,6 +620,7 @@ exports[`Table matches snapshot 1`] = `
                         >
                           <input
                             aria-invalid="false"
+                            aria-label="Filter by Créateur"
                             class="mantine-Input-input mantine-TextInput-input mantine-8fuq20"
                             placeholder="Filter by Créateur"
                             title="Filter by Créateur"
@@ -728,6 +732,7 @@ exports[`Table matches snapshot 1`] = `
                         >
                           <input
                             aria-invalid="false"
+                            aria-label="Filter by Date publication"
                             class="mantine-Input-input mantine-TextInput-input mantine-8fuq20"
                             placeholder="Filter by Date publication"
                             title="Filter by Date publication"