prevent locking upload response; show processing status on upload screen
This commit is contained in:
@@ -17,6 +17,9 @@ import {
|
||||
ADD_FEES_TO_ORD_PENDING,
|
||||
ADD_FEES_TO_ORD_SUCCESS,
|
||||
ADD_FEES_TO_ORD_FAILED,
|
||||
CHECK_PROCESSING_PENDING,
|
||||
CHECK_PROCESSING_SUCCESS,
|
||||
CHECK_PROCESSING_FAILED,
|
||||
} from '../constants';
|
||||
|
||||
import API from '../../utilities/api';
|
||||
@@ -95,3 +98,14 @@ export const addFeesToOrd = (dispatch, dateRange, memberIds) => {
|
||||
dispatch({type: ADD_FEES_TO_ORD_FAILED, payload: error.response});
|
||||
});
|
||||
};
|
||||
|
||||
export const checkProcessing = (dispatch) => {
|
||||
dispatch({type: CHECK_PROCESSING_PENDING});
|
||||
API.get('integration/processing')
|
||||
.then(response => {
|
||||
dispatch({type: CHECK_PROCESSING_SUCCESS, payload: response.data});
|
||||
})
|
||||
.catch(error => {
|
||||
dispatch({type: CHECK_PROCESSING_FAILED, payload: error.response});
|
||||
});
|
||||
};
|
||||
|
||||
@@ -25,3 +25,7 @@ export const FETCH_MEMBER_INCIDENTS_FAILED = 'FETCH_MEMBER_INCIDENTS_FAILED';
|
||||
export const ADD_FEES_TO_ORD_PENDING = 'ADD_FEES_TO_ORD_PENDING';
|
||||
export const ADD_FEES_TO_ORD_SUCCESS = 'ADD_FEES_TO_ORD_SUCCESS';
|
||||
export const ADD_FEES_TO_ORD_FAILED = 'ADD_FEES_TO_ORD_FAILED';
|
||||
|
||||
export const CHECK_PROCESSING_PENDING = 'CHECK_PROCESSING_PENDING';
|
||||
export const CHECK_PROCESSING_SUCCESS = 'CHECK_PROCESSING_SUCCESS';
|
||||
export const CHECK_PROCESSING_FAILED = 'CHECK_PROCESSING_FAILED';
|
||||
|
||||
38
client/src/store/reducers/checkProcessingReducer.js
Normal file
38
client/src/store/reducers/checkProcessingReducer.js
Normal file
@@ -0,0 +1,38 @@
|
||||
import {
|
||||
CHECK_PROCESSING_PENDING,
|
||||
CHECK_PROCESSING_SUCCESS,
|
||||
CHECK_PROCESSING_FAILED,
|
||||
} from '../constants';
|
||||
|
||||
const initialState = {
|
||||
pending: false,
|
||||
result: null,
|
||||
error: null,
|
||||
};
|
||||
|
||||
export const checkProcessing = (state, action) => {
|
||||
state = state || initialState;
|
||||
action = action || {};
|
||||
|
||||
switch(action.type){
|
||||
case CHECK_PROCESSING_PENDING:
|
||||
return Object.assign({}, state, {
|
||||
pending: true,
|
||||
error: null,
|
||||
});
|
||||
case CHECK_PROCESSING_SUCCESS:
|
||||
return Object.assign({}, state, {
|
||||
pending: false,
|
||||
result: action.payload,
|
||||
error: null,
|
||||
});
|
||||
case CHECK_PROCESSING_FAILED:
|
||||
return Object.assign({}, state, {
|
||||
pending: false,
|
||||
result: {},
|
||||
error: action.payload,
|
||||
});
|
||||
default:
|
||||
return state;
|
||||
}
|
||||
};
|
||||
@@ -7,6 +7,7 @@ import { incidentsReport } from './incidentsReportReducer';
|
||||
import { membersList } from './membersListReducer';
|
||||
import { memberIncidents} from './memberIncidentsReducer';
|
||||
import { addFeesStatus } from './addFeesToOrdReducer';
|
||||
import { checkProcessing } from './checkProcessingReducer';
|
||||
|
||||
export const rootReducer = combineReducers({
|
||||
doorLockData,
|
||||
@@ -16,5 +17,6 @@ export const rootReducer = combineReducers({
|
||||
membersList,
|
||||
memberIncidents,
|
||||
addFeesStatus,
|
||||
checkProcessing,
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user