19231: Add smaller page sizes (10 and 20 items) to load faster
[arvados-workbench2.git] / src / store / link-panel / link-panel-middleware-service.ts
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 import { ServiceRepository } from 'services/services';
6 import { MiddlewareAPI, Dispatch } from 'redux';
7 import { DataExplorerMiddlewareService, dataExplorerToListParams, listResultsToDataExplorerItemsMeta } from 'store/data-explorer/data-explorer-middleware-service';
8 import { RootState } from 'store/store';
9 import { snackbarActions, SnackbarKind } from 'store/snackbar/snackbar-actions';
10 import { DataExplorer, getDataExplorer } from 'store/data-explorer/data-explorer-reducer';
11 import { updateResources } from 'store/resources/resources-actions';
12 import { SortDirection } from 'components/data-table/data-column';
13 import { OrderDirection, OrderBuilder } from 'services/api/order-builder';
14 import { ListResults } from 'services/common-service/common-service';
15 import { getSortColumn } from "store/data-explorer/data-explorer-reducer";
16 import { LinkResource } from 'models/link';
17 import { linkPanelActions } from 'store/link-panel/link-panel-actions';
18 import { LinkPanelColumnNames } from 'views/link-panel/link-panel-root';
19
20 export class LinkMiddlewareService extends DataExplorerMiddlewareService {
21     constructor(private services: ServiceRepository, id: string) {
22         super(id);
23     }
24
25     async requestItems(api: MiddlewareAPI<Dispatch, RootState>) {
26         const state = api.getState();
27         const dataExplorer = getDataExplorer(state.dataExplorer, this.getId());
28         try {
29             const response = await this.services.linkService.list(getParams(dataExplorer));
30             api.dispatch(updateResources(response.items));
31             api.dispatch(setItems(response));
32         } catch {
33             api.dispatch(couldNotFetchLinks());
34         }
35     }
36 }
37
38 export const getParams = (dataExplorer: DataExplorer) => ({
39     ...dataExplorerToListParams(dataExplorer),
40     order: getOrder(dataExplorer)
41 });
42
43 const getOrder = (dataExplorer: DataExplorer) => {
44     const sortColumn = getSortColumn(dataExplorer);
45     const order = new OrderBuilder<LinkResource>();
46     if (sortColumn) {
47         const sortDirection = sortColumn && sortColumn.sortDirection === SortDirection.ASC
48             ? OrderDirection.ASC
49             : OrderDirection.DESC;
50
51         const columnName = sortColumn && sortColumn.name === LinkPanelColumnNames.NAME ? "name" : "modifiedAt";
52         return order
53             .addOrder(sortDirection, columnName)
54             .getOrder();
55     } else {
56         return order.getOrder();
57     }
58 };
59
60 export const setItems = (listResults: ListResults<LinkResource>) =>
61     linkPanelActions.SET_ITEMS({
62         ...listResultsToDataExplorerItemsMeta(listResults),
63         items: listResults.items.map(resource => resource.uuid),
64     });
65
66 const couldNotFetchLinks = () =>
67     snackbarActions.OPEN_SNACKBAR({
68         message: 'Could not fetch links.',
69         kind: SnackbarKind.ERROR
70     });