Refactored job line edit modal to use redux so that it can be an independent form. Created general modals reducer to manage all modals.

client/src/redux/modals/modals.actions.js

@@ -0,0 +1,12 @@
+import ModalsActionTypes from "./modals.types";
+
+export const toggleModalVisible = modalName => ({
+  type: ModalsActionTypes.TOGGLE_MODAL_VISIBLE,
+  payload: modalName
+});
+
+//Modal Context: {context (context object), modal(name of modal)}
+export const setModalContext = modalContext => ({
+  type: ModalsActionTypes.SET_MODAL_CONTEXT,
+  payload: modalContext
+});

client/src/redux/modals/modals.reducer.js

@@ -0,0 +1,37 @@
+import ModalsActionTypes from "./modals.types";
+
+const INITIAL_STATE = {
+  jobLineEdit: {
+    visible: false,
+    context: null,
+    actions: {
+      refetch: null
+    }
+  }
+};
+
+const modalsReducer = (state = INITIAL_STATE, action) => {
+  switch (action.type) {
+    case ModalsActionTypes.TOGGLE_MODAL_VISIBLE:
+      return {
+        ...state,
+        [action.payload]: {
+          ...state[action.payload],
+          visible: !state[action.payload].visible
+        }
+      };
+    case ModalsActionTypes.SET_MODAL_CONTEXT:
+      return {
+        ...state,
+        [action.payload.modal]: {
+          ...state[action.payload.modal],
+          ...action.payload.context,
+          visible: true
+        }
+      };
+    default:
+      return state;
+  }
+};
+
+export default modalsReducer;

client/src/redux/modals/modals.sagas.js

@@ -0,0 +1,24 @@
+import { all } from "redux-saga/effects";
+
+// export function* onSendEmail() {
+//   yield takeLatest(EmailActionTypes.SEND_EMAIL, sendEmail);
+// }
+// export function* sendEmail(payload) {
+//   try {
+//     console.log("Sending thta email", payload);
+//     axios.post("/sendemail", payload).then(response => {
+//       console.log(JSON.stringify(response));
+//       put(sendEmailSuccess());
+//     });
+//   } catch (error) {
+//     console.log("Error in sendEmail saga.");
+//     yield put(sendEmailFailure(error.message));
+//   }
+// }
+
+
+export function* modalsSagas() {
+  yield all([
+    //call(onSendEmail),
+  ]);
+}

client/src/redux/modals/modals.selectors.js

@@ -0,0 +1,9 @@
+import { createSelector } from "reselect";
+
+const selectModals = state => state.modals;
+
+export const selectJobLineEditModal = createSelector(
+  [selectModals],
+  modals => modals.jobLineEdit
+);
+

client/src/redux/modals/modals.types.js

@@ -0,0 +1,5 @@
+const ModalActionTypes = {
+  TOGGLE_MODAL_VISIBLE: "TOGGLE_MODAL_VISIBLE",
+  SET_MODAL_CONTEXT: "SET_JOBLINEEDIT_CONTEXT"
+};
+export default ModalActionTypes;