MInor fix auth

Author: tduyng

src/@types/user.d.ts

@@ -1,11 +1,7 @@
 interface ReqLogin {
   username: string;
   password: string;
-}
-interface ReqRegister {
-  username: string;
-  email: string;
-  password: string;
+  email?: string;
 }
 interface ResLoginApi extends Res {
   data: {

src/components/Auth/Auth.reducers.ts

@@ -1,11 +1,17 @@
 import * as types from './Auth.constants';
 import produce from 'immer';
 
+let userType: IUser = {
+  id: '',
+  username: '',
+  email: undefined,
+  password: '',
+};
 const initialState = {
   loading: true,
   isAuthenticated: false,
   token: localStorage.getItem('token'),
-  user: null,
+  user: userType,
 };
 
 export const loginReducer = (state = initialState, action) =>
@@ -16,13 +22,9 @@ export const loginReducer = (state = initialState, action) =>
         draft.loading = false;
         draft.user = action.payload;
         break;
-      case types.LOGIN_REQUESTED:
-        draft.loading = true;
-        draft.isAuthenticated = false;
-        draft.user = action.payload;
-        break;
       case types.LOGIN_SUCCESS:
       case types.REGISTER_SUCCESS:
+        localStorage.setItem('token', draft.user.id);
         draft.loading = false;
         draft.isAuthenticated = true;
         break;

src/components/Auth/Auth.thunks.ts

@@ -26,7 +26,6 @@ export const login = (payload: ReqLogin) => async dispatch => {
     allUsers = await axios.get(`${URL.baseAPIUrl}/api/users`);
     let user = allUsers.filter(x => x.username === username)[0];
     if (user && user.password === password) {
-      localStorage.setItem('token', user.id);
       dispatch(actions.loginSuccess(user));
       loadUser();
     }
@@ -36,12 +35,11 @@ export const login = (payload: ReqLogin) => async dispatch => {
   }
 };
 
-export const register = (payload: ReqRegister) => async dispatch => {
+export const register = (payload: ReqLogin) => async dispatch => {
   try {
     const id = uuid();
     const newUser = { id, ...payload };
     await axios.post(`${URL.baseAPIUrl}/api/users`, newUser);
-    localStorage.setItem('token', id);
     dispatch(actions.registerSuccess(newUser));
     console.log('Resgister success', newUser);
     const all = await axios.get(`${URL.baseAPIUrl}/api/users`);