X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/616395646c46f90c46ad97bd9a335ab326e5a040..4a8d85d10073d2555253bdb631d293eaf7deccbf:/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..0112617072 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 })), @@ -42,6 +49,9 @@ const dataExplorerReducer = (state: DataExplorerState = {}, action: DataExplorer SET_ROWS_PER_PAGE: ({ id, rowsPerPage }) => update(state, id, explorer => ({ ...explorer, rowsPerPage })), + SET_SEARCH_VALUE: ({ id, searchValue }) => + update(state, id, explorer => ({ ...explorer, searchValue })), + TOGGLE_SORT: ({ id, columnName }) => update(state, id, mapColumns(toggleSort(columnName))),