diff --git a/site/src/components/PaginationWidget/PaginationWidget.tsx b/site/src/components/PaginationWidget/PaginationWidget.tsx index c7db311288..b421de929c 100644 --- a/site/src/components/PaginationWidget/PaginationWidget.tsx +++ b/site/src/components/PaginationWidget/PaginationWidget.tsx @@ -27,7 +27,7 @@ export type PaginationWidgetProps = { const range = (start: number, stop: number, step = 1) => Array.from({ length: (stop - start) / step + 1 }, (_, i) => start + i * step) -const DEFAULT_RECORDS_PER_PAGE = 25 +export const DEFAULT_RECORDS_PER_PAGE = 25 // Number of pages to the left or right of the current page selection. const PAGE_NEIGHBORS = 1 // Number of pages displayed for cases where there are multiple ellipsis showing. This can be diff --git a/site/src/pages/WorkspacesPage/WorkspacesPage.tsx b/site/src/pages/WorkspacesPage/WorkspacesPage.tsx index b12f4d06dd..18a13b64d4 100644 --- a/site/src/pages/WorkspacesPage/WorkspacesPage.tsx +++ b/site/src/pages/WorkspacesPage/WorkspacesPage.tsx @@ -1,4 +1,5 @@ import { useMachine } from "@xstate/react" +import { DEFAULT_RECORDS_PER_PAGE } from "components/PaginationWidget/PaginationWidget" import { FC } from "react" import { Helmet } from "react-helmet-async" import { useNavigate, useSearchParams } from "react-router-dom" @@ -17,7 +18,7 @@ const WorkspacesPage: FC = () => { const [workspacesState, send] = useMachine(workspacesMachine, { context: { page: currentPage, - limit: 25, + limit: DEFAULT_RECORDS_PER_PAGE, filter, }, actions: {