Storing the Response Token from Sing-In/Sign-Up

README.md

@@ -139,3 +139,4 @@ Dependency Installation: **`npm i --save redux-thunk`**
 2. Adding **`ACTION Creators`** for the Auth Form: [Commit Details](https://github.com/Ch-sriram/burger-builder/commit/0a75199f9f50f0ba10fa05489739b6541152f27c)
 3. Getting a Token from the Backend for Sign-Up: [Commit Details](https://github.com/Ch-sriram/burger-builder/commit/57771e243efe0719b86938a041656073b30a69d4)
 4. Adding Sign-In for Authorized Users: [Commit Details](https://github.com/Ch-sriram/burger-builder/commit/2e00bc34c30fe005f6aa303191a4ad7050b613c5)
+5. Storing the Response Token from Sing-In/Sign-Up: [Commit Details]()

src/index.js

@@ -10,13 +10,15 @@ import App from './App';
 import * as serviceWorker from './serviceWorker';
 import burgerBuilderReducer from './store/reducers/burgerBuilder';
 import orderReducer from './store/reducers/order';
+import authReducer from './store/reducers/auth';
 
 const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
 
 // REDUCER SETUP - Combining Reducers
 const rootReducer = combineReducers({
   burgerBuilder: burgerBuilderReducer,
   order: orderReducer,
+  auth: authReducer,
 });
 
 const store = createStore(rootReducer, composeEnhancers(applyMiddleware(thunk)));

src/store/actions/auth.js

@@ -6,10 +6,11 @@ import * as actionTypes from './actionTypes';
 
 export const authStart = () => ({ type: actionTypes.AUTH_START, });
 
-export const authSuccess = authData => {
+export const authSuccess = (idToken, userId) => {
   return {
     type: actionTypes.AUTH_SUCCESS,
-    authData,
+    idToken,
+    userId
   };
 };
 
@@ -40,7 +41,8 @@ export const auth = (email, password, isSignup) => dispatch => {
     .post(url, authData)
     .then((res) => {
       console.log(res);
-      dispatch(authSuccess(res.data));
+      const { idToken, localId } = res.data;
+      dispatch(authSuccess(idToken, localId));
       return res;
     })
     .catch((err) => {

src/store/reducers/auth.js

@@ -0,0 +1,24 @@
+import * as actionTypes from '../actions/actionTypes';
+import { updateObject } from '../utility';
+
+const initialState = {
+  token: null,
+  userId: null,
+  error: null,
+  loading: false,
+}
+
+const authStart = (state, action) => updateObject(state, { error: null, loading: true });
+const authSuccess = (state, action) => updateObject(state, { token: action.idToken, userId: action.userId, error: null, loading: false, });
+const authFail = (state, action) => updateObject(state, { error: action.error, loading: false, });
+
+const reducer = (state = initialState, action) => {
+  switch (action.type) {
+    case actionTypes.AUTH_START: return authStart(state, action);
+    case actionTypes.AUTH_SUCCESS: return authSuccess(state, action);
+    case actionTypes.AUTH_FAIL: return authFail(state, action);
+    default: return state;
+  }
+};
+
+export default reducer;