X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/616395646c46f90c46ad97bd9a335ab326e5a040..a918d09702ac7b1ac111ea12ded1cdb2bd801e88:/src/store/data-explorer/data-explorer-reducer.ts diff --git a/src/store/data-explorer/data-explorer-reducer.ts b/src/store/data-explorer/data-explorer-reducer.ts index 0069085b1b..0622f0ff2e 100644 --- a/src/store/data-explorer/data-explorer-reducer.ts +++ b/src/store/data-explorer/data-explorer-reducer.ts @@ -10,16 +10,20 @@ import { DataColumns } from "../../components/data-table/data-table"; interface DataExplorer { columns: DataColumns; items: any[]; + itemsAvailable: number; page: number; rowsPerPage: number; + rowsPerPageOptions?: number[]; searchValue: string; } export const initialDataExplorer: DataExplorer = { columns: [], items: [], + itemsAvailable: 0, page: 0, - rowsPerPage: 0, + rowsPerPage: 10, + rowsPerPageOptions: [5, 10, 25, 50], searchValue: "" }; @@ -27,14 +31,17 @@ export type DataExplorerState = Record; const dataExplorerReducer = (state: DataExplorerState = {}, action: DataExplorerAction) => actions.match(action, { + RESET_PAGINATION: ({ id }) => + update(state, id, explorer => ({ ...explorer, page: 0 })), + SET_COLUMNS: ({ id, columns }) => update(state, id, setColumns(columns)), SET_FILTERS: ({ id, columnName, filters }) => update(state, id, mapColumns(setFilters(columnName, filters))), - SET_ITEMS: ({ id, items }) => - update(state, id, explorer => ({ ...explorer, items })), + SET_ITEMS: ({ id, items, itemsAvailable, page, rowsPerPage }) => + update(state, id, explorer => ({ ...explorer, items, itemsAvailable, page, rowsPerPage })), SET_PAGE: ({ id, page }) => update(state, id, explorer => ({ ...explorer, page })),