feat(ui): Save and persist ORT run data table's page size

Resolves #1954. Signed-off-by: Jyrki Keisala <[email protected]>
eclipse-apoapsis · Feb 7, 2025 · 9dc6e28 · 9dc6e28
1 parent 4956fa4
commit 9dc6e28
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/...ons/$orgId/products/$productId/repositories/$repoId/-components/repository-runs-table.tsx b/...ons/$orgId/products/$productId/repositories/$repoId/-components/repository-runs-table.tsx
@@ -51,6 +51,7 @@ import {
 import { config } from '@/config';
 import { getStatusBackgroundColor } from '@/helpers/get-status-class';
 import { toast } from '@/lib/toast';
+import { useTablePrefsStore } from '@/store/table-prefs.store';
 
 type RepositoryTableProps = {
   repoId: string;
@@ -241,6 +242,7 @@ export const RepositoryRunsTable = ({
   pageSize,
   search,
 }: RepositoryTableProps) => {
+  const setRunPageSize = useTablePrefsStore((state) => state.setRunPageSize);
   const {
     data: runs,
     error: runsError,
@@ -298,6 +300,7 @@ export const RepositoryRunsTable = ({
         };
       }}
       setPageSizeOptions={(size) => {
+        setRunPageSize(size);
         return {
           search: { ...search, page: 1, pageSize: size },
         };

diff --git a/...organizations/$orgId/products/$productId/repositories/$repoId/_repo-layout/runs/index.tsx b/...organizations/$orgId/products/$productId/repositories/$repoId/_repo-layout/runs/index.tsx
@@ -42,15 +42,17 @@ import {
 } from '@/components/ui/tooltip';
 import { toast } from '@/lib/toast';
 import { paginationSearchParameterSchema } from '@/schemas';
+import { useTablePrefsStore } from '@/store/table-prefs.store';
 import { RepositoryRunsTable } from '../../-components/repository-runs-table';
 
-const defaultPageSize = 10;
+const defaultPageSize = useTablePrefsStore.getState().repoPageSize;
 
 const RepositoryRunsComponent = () => {
+  const runPageSize = useTablePrefsStore.getState().runPageSize;
   const params = Route.useParams();
   const search = Route.useSearch();
   const pageIndex = search.page ? search.page - 1 : 0;
-  const pageSize = search.pageSize ? search.pageSize : defaultPageSize;
+  const pageSize = search.pageSize ? search.pageSize : runPageSize;
 
   const {
     data: repo,