From 289a470111a3ed02a9ec629a7858e46da382f12f Mon Sep 17 00:00:00 2001 From: Alexandru Cambose Date: Mon, 29 Sep 2025 18:15:12 +0100 Subject: [PATCH] refactor: set default page intervals --- apps/insights/src/components/PriceComponentsCard/index.tsx | 1 - .../insights/src/components/PriceFeeds/price-feeds-card.tsx | 1 - apps/insights/src/components/Publishers/publishers-card.tsx | 1 - packages/component-library/src/Paginator/index.tsx | 6 ++++-- 4 files changed, 4 insertions(+), 5 deletions(-) diff --git a/apps/insights/src/components/PriceComponentsCard/index.tsx b/apps/insights/src/components/PriceComponentsCard/index.tsx index 9462030a77..cd837d25cc 100644 --- a/apps/insights/src/components/PriceComponentsCard/index.tsx +++ b/apps/insights/src/components/PriceComponentsCard/index.tsx @@ -448,7 +448,6 @@ export const PriceComponentsCardContents = < onPageChange={props.onPageChange} pageSize={props.pageSize} onPageSizeChange={props.onPageSizeChange} - pageSizeOptions={[10, 20, 30, 40, 50]} mkPageLink={props.mkPageLink} /> ), diff --git a/apps/insights/src/components/PriceFeeds/price-feeds-card.tsx b/apps/insights/src/components/PriceFeeds/price-feeds-card.tsx index efa7999eb7..1262ff4cac 100644 --- a/apps/insights/src/components/PriceFeeds/price-feeds-card.tsx +++ b/apps/insights/src/components/PriceFeeds/price-feeds-card.tsx @@ -288,7 +288,6 @@ const PriceFeedsCardContents = ({ id, ...props }: PriceFeedsCardContents) => ( onPageChange={props.onPageChange} pageSize={props.pageSize} onPageSizeChange={props.onPageSizeChange} - pageSizeOptions={[10, 20, 30, 40, 50]} mkPageLink={props.mkPageLink} /> ), diff --git a/apps/insights/src/components/Publishers/publishers-card.tsx b/apps/insights/src/components/Publishers/publishers-card.tsx index 4a39ad29de..068a3a9c42 100644 --- a/apps/insights/src/components/Publishers/publishers-card.tsx +++ b/apps/insights/src/components/Publishers/publishers-card.tsx @@ -290,7 +290,6 @@ const PublishersCardContents = ({ onPageChange={props.onPageChange} pageSize={props.pageSize} onPageSizeChange={props.onPageSizeChange} - pageSizeOptions={[10, 20, 30, 40, 50]} mkPageLink={props.mkPageLink} /> ), diff --git a/packages/component-library/src/Paginator/index.tsx b/packages/component-library/src/Paginator/index.tsx index 9c3ded9074..70141cbb4f 100644 --- a/packages/component-library/src/Paginator/index.tsx +++ b/packages/component-library/src/Paginator/index.tsx @@ -19,19 +19,21 @@ type Props = { onPageChange: (newPage: number) => void; isPageTransitioning?: boolean | undefined; pageSize: number; - pageSizeOptions: number[]; + pageSizeOptions?: number[]; onPageSizeChange: (newPageSize: number) => void; isPageSizeTransitioning?: boolean | undefined; mkPageLink?: ((page: number) => string) | undefined; className?: string | undefined; }; +const DEFAULT_PAGE_SIZE_OPTIONS = [10, 20, 30, 40, 50]; + export const Paginator = ({ numPages, currentPage, isPageTransitioning, pageSize, - pageSizeOptions, + pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS, onPageChange, onPageSizeChange, isPageSizeTransitioning,