Added updating of display name to profile. Added employees table.

client/src/redux/user/user.actions.js

@@ -38,3 +38,13 @@ export const setUserLanguage = language => ({
   type: UserActionTypes.SET_USER_LANGUAGE,
   payload: language
 });
+
+export const updateUserDetails = userDetails => ({
+  type: UserActionTypes.UPDATE_USER_DETAILS,
+  payload: userDetails
+});
+
+export const updateUserDetailsSuccess = userDetails => ({
+  type: UserActionTypes.UPDATE_USER_DETAILS_SUCCESS,
+  payload: userDetails
+});

client/src/redux/user/user.reducer.js

@@ -33,10 +33,17 @@ const userReducer = (state = INITIAL_STATE, action) => {
         ...state,
         language: action.payload
       };
+    case UserActionTypes.UPDATE_USER_DETAILS_SUCCESS:
+      return {
+        ...state,
+        currentUser: {
+          ...state.currentUser,
+          ...action.payload //Spread current user details in.
+        }
+      };
     case UserActionTypes.SIGN_IN_FAILURE:
     case UserActionTypes.SIGN_OUT_FAILURE:
     case UserActionTypes.EMAIL_SIGN_UP_FAILURE:
-      console.log("Reduced getting called.");
       return {
         ...state,
         error: action.payload

client/src/redux/user/user.sagas.js

@@ -1,6 +1,17 @@
 import { all, call, put, takeLatest } from "redux-saga/effects";
-import { auth, getCurrentUser } from "../../firebase/firebase.utils";
-import { signInFailure, signInSuccess, signOutFailure, signOutSuccess, unauthorizedUser } from "./user.actions";
+import {
+  auth,
+  getCurrentUser,
+  updateCurrentUser
+} from "../../firebase/firebase.utils";
+import {
+  signInFailure,
+  signInSuccess,
+  signOutFailure,
+  signOutSuccess,
+  unauthorizedUser,
+  updateUserDetailsSuccess
+} from "./user.actions";
 import UserActionTypes from "./user.types";
 
 // export function* getSnapshotFromUserAuth(userAuth) {
@@ -74,6 +85,18 @@ export function* onSignOutStart() {
   yield takeLatest(UserActionTypes.SIGN_OUT_START, signOutStart);
 }
 
+export function* onUpdateUserDetails() {
+  yield takeLatest(UserActionTypes.UPDATE_USER_DETAILS, updateUserDetails);
+}
+export function* updateUserDetails(userDetails) {
+  try {
+    yield updateCurrentUser(userDetails.payload);
+    yield put(updateUserDetailsSuccess(userDetails.payload));
+  } catch (error) {
+    //yield put(signOutFailure(error.message));
+    //TODO: error handling
+  }
+}
 
 export function* userSagas() {
   yield all([
@@ -81,6 +104,7 @@ export function* userSagas() {
     call(onEmailSignInStart),
     call(onCheckUserSession),
     call(onSignOutStart),
+    call(onUpdateUserDetails)
     // call(onEmailSignUpStart),
     // call(onEmailSignUpSuccess)
   ]);

client/src/redux/user/user.types.js

@@ -12,6 +12,8 @@ const UserActionTypes = {
   EMAIL_SIGN_UP_SUCCESS: "EMAIL_SIGN_UP_SUCCESS",
   EMAIL_SIGN_UP_FAILURE: "EMAIL_SIGN_UP_FAILURE",
   UNAUTHORIZED_USER: "UNAUTHORIZED_USER",
-  SET_USER_LANGUAGE: "SET_USER_LANGUAGE"
+  SET_USER_LANGUAGE: "SET_USER_LANGUAGE",
+  UPDATE_USER_DETAILS: "UPDATE_USER_DETAILS",
+  UPDATE_USER_DETAILS_SUCCESS: "UPDATE_USER_DETAILS_SUCCESS"
 };
 export default UserActionTypes;