Merge pull request #68 from bleu-fi/joao/click-792-bug-fixes-for-appl…

…ication-policy Add items per page as parameter for pagination
bleu · Apr 27, 2024 · 30fe382 · 30fe382
2 parents b7d14d8 + d270257
commit 30fe382
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/DataTable/DataTablePagination.tsx b/src/components/DataTable/DataTablePagination.tsx
@@ -9,7 +9,9 @@ import { useTranslation, Trans } from "react-i18next";
 import { Button, Select } from "#/components/ui";
 import { useTableContext } from "./TableContext";
 
-export function DataTablePagination() {
+export function DataTablePagination({
+  itemsPerPageOptions = [10, 20, 30, 40, 50],
+}) {
   // @ts-expect-error TS(2339) FIXME: Property 'table' does not exist on type '{}'.
   const { table } = useTableContext();
 
@@ -33,7 +35,7 @@ export function DataTablePagination() {
               />
             </Select.SelectTrigger>
             <Select.SelectContent side="top">
-              {[10, 20, 30, 40, 50].map((pageSize) => (
+              {itemsPerPageOptions.map((pageSize) => (
                 <Select.SelectItem key={pageSize} value={`${pageSize}`}>
                   {pageSize}
                 </Select.SelectItem>