debounce search input catalog
[sdc/sdc-workflow-designer.git] / workflow-designer-ui / src / main / frontend / src / features / catalog / catalogSagas.js
1 /*
2 * Copyright © 2018 European Support Limited
3 *
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
7 *
8 *      http: //www.apache.org/licenses/LICENSE-2.0
9 *
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 * See the License for the specific language governing permissions and
14 * limitations under the License.
15 */
16
17 import { call, put, takeLatest } from 'redux-saga/effects';
18 import { delay } from 'redux-saga';
19
20 import catalogApi from 'features/catalog/catalogApi';
21 import { fetchWorkflow, updateWorkflow } from 'features/catalog/catalogActions';
22 import {
23     SEARCH_CHANGED,
24     LIMIT,
25     SEARCH_BUFFER
26 } from 'features/catalog/catalogConstants';
27
28 const noOp = () => {};
29
30 export function* fetchWorkflowSaga({ payload }) {
31     const { sort, limit, offset, searchNameFilter } = payload;
32     try {
33         const data = yield call(
34             catalogApi.getWorkflows,
35             sort,
36             LIMIT,
37             offset === undefined ? 0 : offset + limit,
38             searchNameFilter
39         );
40         yield put(updateWorkflow({ sort, ...data }));
41     } catch (e) {
42         noOp();
43     }
44 }
45
46 export function* debounceSearchChanged({ payload }) {
47     yield call(delay, SEARCH_BUFFER);
48     yield call(fetchWorkflowSaga, { payload });
49 }
50
51 function* catalogSaga() {
52     yield takeLatest(fetchWorkflow, fetchWorkflowSaga);
53     yield takeLatest(SEARCH_CHANGED, debounceSearchChanged);
54 }
55
56 export default catalogSaga;