fix auth

src/components/EntryForm.tsx

@@ -1,6 +1,6 @@
 import { Button, Form, Input } from 'antd';
 import { ValidateErrorEntity } from 'rc-field-form/es/interface';
-import { Link } from 'react-router-dom';
+import { Link, useNavigate } from 'react-router-dom';
 import { Routes } from '../constants/routes';
 import { Login } from '../store/auth/types';
 import { useAppDispatch } from '../store';
@@ -13,9 +13,9 @@ type FieldType = {
 
 function EntryForm() {
   const dispatch = useAppDispatch();
+  const navigate = useNavigate();
   const onFinish = (values: Login) => {
-    console.log(values);
-    dispatch(signInUser(values));
+    dispatch(signInUser(values)).then(() => navigate(Routes.PROFILE));
   };
 
   const onFinishFailed = (errorInfo: ValidateErrorEntity<Login>) => {

src/store/auth/authActions.ts

@@ -24,12 +24,11 @@ export const signInUser = createAsyncThunk(
         `${BASE_URL}token/create/`,
         body,
       );
-      console.log(response);
       const auth_token = response.data.token;
       const id = response.data.user_id;
       dispatch(setUserId(id));
       setToken(auth_token);
-      return dispatch(getUserById(id));
+      return dispatch(getUser());
     } catch (e) {
       return rejectWithValue(e);
     }
@@ -62,14 +61,28 @@ export const logOut = createAsyncThunk(
   },
 );
 
-export const getUserById = createAsyncThunk(
+export const getUser = createAsyncThunk(
   'auth/getUser',
+  async (_, { rejectWithValue }) => {
+    try {
+      const token = getToken();
+      const res = await axios.get<void, User>(`${BASE_URL}users/me`, {
+        headers: { Authorization: `Token ${token?.slice(1, -1)}` },
+      });
+      return res;
+    } catch (e) {
+      return rejectWithValue(e);
+    }
+  },
+);
+
+export const getUserById = createAsyncThunk(
+  'auth/getUserById',
   async (id: string, { rejectWithValue }) => {
     try {
       const token = getToken();
-      console.log(token);
       const res = await axios.get<void, User>(`${BASE_URL}users/${id}/`, {
-        headers: { Authorization: `Token ${token}` },
+        headers: { Authorization: `Token ${token?.slice(1, -1)}` },
       });
       return res;
     } catch (e) {

src/store/auth/authSlice.ts

@@ -3,6 +3,7 @@ import { RootState } from '..';
 import { AuthState } from './types';
 import {
   buildConfirmEmail,
+  buildGetUser,
   buildGetUserById,
   buildLogOut,
   buildRegistration,
@@ -62,6 +63,7 @@ const authSlice = createSlice({
     buildLogOut(builder);
     buildGetUserById(builder);
     buildConfirmEmail(builder);
+    buildGetUser(builder);
   },
 });
 

src/store/auth/extraReducers.ts

@@ -5,6 +5,7 @@ import {
   registration,
   signInUser,
   confirmEmail,
+  getUser,
 } from './authActions';
 import { AuthState } from './types';
 
@@ -90,3 +91,21 @@ export const buildGetUserById = (builder: ActionReducerMapBuilder<AuthState>) =>
       state.user = null;
       state.userError = 'Sorry, something went wrong';
     });
+
+export const buildGetUser = (builder: ActionReducerMapBuilder<AuthState>) =>
+  builder
+    .addCase(getUser.pending, (state) => {
+      state.userStatus = 'pending';
+    })
+    .addCase(getUser.fulfilled, (state, action) => {
+      state.userStatus = 'success';
+      state.user = action.payload;
+      state.isAuth = true;
+      state.userError = null;
+    })
+    .addCase(getUser.rejected, (state) => {
+      state.userStatus = 'error';
+      state.isAuth = false;
+      state.user = null;
+      state.userError = 'Sorry, something went wrong';
+    });