Added tech routing paths and basic structure of landing page + sign in + reducers BOD-95

client/src/redux/tech/tech.actions.js

@@ -0,0 +1,16 @@
+import TechActionTypes from "./tech.types";
+
+export const loginStart = ({ technician, password }) => ({
+  type: TechActionTypes.LOGIN_START,
+  payload: { technician, password },
+});
+
+export const loginSuccess = (tech) => ({
+  type: TechActionTypes.LOGIN_SUCCESS,
+  payload: tech,
+});
+
+export const loginFailure = (error) => ({
+  type: TechActionTypes.LOGIN_SUCCESS,
+  payload: error,
+});

client/src/redux/tech/tech.reducer.js

@@ -0,0 +1,25 @@
+import TechActionTypes from "./tech.types";
+const INITIAL_STATE = {
+  technician: null,
+  loginError: null,
+};
+
+const applicationReducer = (state = INITIAL_STATE, action) => {
+  switch (action.type) {
+    case TechActionTypes.LOGIN_SUCCESS:
+      return {
+        ...state,
+        technician: action.payload,
+      };
+    case TechActionTypes.LOGIN_FAILURE:
+      return {
+        ...state,
+        loginError: action.payload,
+      };
+
+    default:
+      return state;
+  }
+};
+
+export default applicationReducer;

client/src/redux/tech/tech.sagas.js

@@ -0,0 +1,19 @@
+import { all, takeLatest, call, put } from "redux-saga/effects";
+import TechActionTypes from "./tech.types";
+import { client } from "../../App/App.container";
+import { loginSuccess, loginFailure } from "./tech.actions";
+
+export function* onSignInStart() {
+  yield takeLatest(TechActionTypes.LOGIN_START, signInStart);
+}
+export function* signInStart({ payload: { technician, password } }) {
+  try {
+    yield put(loginSuccess({ username: "TECHNICIAN" }));
+  } catch (error) {
+    yield put(loginFailure(error));
+  }
+}
+
+export function* techSagas() {
+  yield all([call(onSignInStart)]);
+}

client/src/redux/tech/tech.selectors.js

@@ -0,0 +1,12 @@
+import { createSelector } from "reselect";
+
+const selectTechReducer = (state) => state.tech;
+
+export const selectTechnician = createSelector(
+  [selectTechReducer],
+  (application) => application.technician
+);
+export const selectLoginError = createSelector(
+  [selectTechReducer],
+  (application) => application.loginError
+);

client/src/redux/tech/tech.types.js

@@ -0,0 +1,6 @@
+const TechActionTypes = {
+  LOGIN_START: "LOGIN_START",
+  LOGIN_SUCCESS: "LOGIN_SUCCESS",
+  LOGIN_FAILURE: "LOGIN_FAILURE",
+};
+export default TechActionTypes;