fixed redux issues

Author: tfhuhtal

client/hooks/useFetchKeyData.ts

@@ -1,11 +1,11 @@
 import { useEffect } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
-import { fetchKeyData } from '../util/slices/keyDataSlicer'
+import { fetchKeyData } from '../util/redux/keyDataReducer'
 import { RootState } from '../util/store'
 
 const useFetchKeyData = () => {
   const dispatch = useDispatch()
-  const keyData = useSelector((state: RootState) => state.keyData)
+  const keyData = useSelector((state: RootState) => state.keyData.data)
 
   useEffect(() => {
     dispatch(fetchKeyData())

client/util/redux/index.js

@@ -17,6 +17,7 @@ import faculties from './facultyReducer'
 import summaries from './summaryReducer'
 import reformAnswers from './reformAnswerReducer'
 import monitoring from './facultyMonitoringReducer'
+import keyData from './keyDataReducer'
 
 export default combineReducers({
   form,
@@ -36,4 +37,5 @@ export default combineReducers({
   summaries,
   reformAnswers,
   monitoring,
+  keyData,
 })

client/util/redux/keyDataReducer.ts

@@ -0,0 +1,44 @@
+import callBuilder from '../apiConnection'
+interface State {
+  data: any;
+  pending?: boolean;
+  error?: boolean;
+}
+
+interface Action {
+  type: string;
+  response?: any;
+}
+
+export const fetchKeyData = () => {
+  const route = '/keyData'
+  const prefix = 'GET_KEY_DATA'
+  return callBuilder(route, prefix)
+}
+
+export default (state: State = { data: null }, action: Action) => {
+  switch (action.type) {
+    case 'GET_KEY_DATA_ATTEMPT':
+      return {
+        ...state,
+        pending: true,
+        error: false,
+      }
+    case 'GET_KEY_DATA_SUCCESS':
+      return {
+        ...state,
+        data: action.response,
+        pending: false,
+        error: false,
+      }
+    case 'GET_KEY_DATA_FAILURE':
+      return {
+        ...state,
+        data: [],
+        pending: false,
+        error: true,
+      }
+    default:
+      return state
+  }
+}