fetch and display door lock incidents on frontend

client/src/store/reducers/incidentsReportReducer.js

@@ -0,0 +1,38 @@
+import {
+    FETCH_INCIDENTS_PENDING,
+    FETCH_INCIDENTS_SUCCESS,
+    FETCH_INCIDENTS_FAILED,
+} from '../constants';
+
+const initialState = {
+    pending: false,
+    result: null,
+    error: null,
+};
+
+export const incidentsReport = (state, action) => {
+  state = state || initialState;
+  action = action || {};
+
+  switch(action.type){
+      case FETCH_INCIDENTS_PENDING:
+          return Object.assign({}, state, {
+              pending: true,
+              error: null,
+          });
+      case FETCH_INCIDENTS_SUCCESS:
+          return Object.assign({}, state, {
+              pending: false,
+              result: action.payload,
+              error: null,
+          });
+      case FETCH_INCIDENTS_FAILED:
+          return Object.assign({}, state, {
+              pending: false,
+              result: {},
+              error: action.payload,
+          });
+      default:
+          return state;
+  }
+};

client/src/store/reducers/index.js

@@ -1,12 +1,14 @@
-import { combineReducers } from "redux";
+import { combineReducers } from 'redux';
 
-import { doorLockData} from "./doorLockReducers";
-import { mappingsData } from "./mappingsReducer";
+import { doorLockData} from './doorLockReducers';
+import { mappingsData } from './mappingsReducer';
 import { addMapping } from './addMappingReducer';
+import { incidentsReport } from './incidentsReportReducer';
 
 export const rootReducer = combineReducers({
     doorLockData,
     mappingsData,
     addMapping,
+    incidentsReport,
 });