From 2d59a7f4f655a48de80be2b734cc9b6f36213348 Mon Sep 17 00:00:00 2001 From: Adrian Adamiak Date: Wed, 26 Jul 2023 10:09:13 +0000 Subject: [PATCH] Hide last page in pagination if very high --- .../frontend/src/view/components/table/TablePagination.tsx | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/packages/frontend/src/view/components/table/TablePagination.tsx b/packages/frontend/src/view/components/table/TablePagination.tsx index 3bf8067ec..17b10974b 100644 --- a/packages/frontend/src/view/components/table/TablePagination.tsx +++ b/packages/frontend/src/view/components/table/TablePagination.tsx @@ -12,6 +12,8 @@ interface TablePaginationProps { perPage: number } +const MAX_PAGE_TO_SHOW_AS_LAST = 500 + export function TablePagination(props: TablePaginationProps) { const { previous, next, display } = getPages( props.current, @@ -106,6 +108,10 @@ function getDisplay(pages: Set) { const next = sorted[i + 1] if (next !== undefined && next - page > 1) { display.push(null) + // Hide the last page if it's over MAX_PAGE_TO_SHOW_AS_LAST + if (i === pages.size - 2 && next > MAX_PAGE_TO_SHOW_AS_LAST) { + break + } } } return display