From bbb9b6c9228acfdbb579c5f4db54a9ab162fb8bf Mon Sep 17 00:00:00 2001
From: Alberto Defendi <1369-ahl-berto@users.noreply.gitlab.inf.unibz.it>
Date: Sun, 16 May 2021 15:32:15 +0200
Subject: [PATCH] Move back cookie fetch to SignInForm.

This cookie has to be sent only from this page.
---
 src/App.tsx | 26 ++------------------------
 1 file changed, 2 insertions(+), 24 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 0fd4963..10c472a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -9,7 +9,6 @@ import { NotFound } from 'components/NonAuthUser/NotFound/NotFound';
 import { ProfilePage } from 'components/AuthUser/ProfilePage/ProfilePage';
 import { Roles } from 'api/userRoles';
 import { Unauthorized } from 'components/NonAuthUser/Unauthorized/Unauthorized';
-import axios from 'axios';
 import { ReservationPage } from 'components/AuthUser/ReservationPage/ReservationPage';
 import { HomePage } from 'components/AuthUser/HomePage/HomePage';
 import { SignInForm } from 'components/AuthUser/SignInForm/SignInForm';
@@ -43,31 +42,10 @@ const theme = createMuiTheme({
   },
 });
 
-const configDjangoCookieName = (): void => {
-  axios.defaults.xsrfHeaderName = 'X-CSRFTOKEN';
-  axios.defaults.xsrfCookieName = 'csrftoken';
-  axios.defaults.withCredentials = true;
-};
-
 export const App: FC = () => {
-  const [isCookieFetched, setisCookieFetched] = useState<string>('');
-
   const [role, setRole] = useState('');
   const value = { role, setRole };
 
-  configDjangoCookieName();
-  useEffect(() => {
-    const fetchCookie = async (): Promise<unknown> => {
-      const response = await axios('api/web/csrf');
-      axios.defaults.headers.common['X-CSRFTOKEN'] = response.data.token;
-      sessionStorage.setItem('X-CSRFTOKEN', response.data.token);
-      sessionStorage.setItem('ROLE', 'admin');
-      setisCookieFetched(response.data.token);
-      return null;
-    };
-    if (!isCookieFetched) fetchCookie();
-  }, [isCookieFetched]);
-
   return (
     <ThemeProvider theme={theme}>
       <Router>
@@ -75,9 +53,9 @@ export const App: FC = () => {
           <Switch>
             <Route exact path={NonAuthRoutes.home} component={LandingPage} />
             <AuthContext.Provider value={value}>
-              <Route exact path={NonAuthRoutes.auth} component={AuthUser} />
+              <Route path={NonAuthRoutes.auth} component={AuthUser} />
 
-              <Route exact path="/signIn" component={SignInForm} />
+              <Route path="/signIn" component={SignInForm} />
 
               <PrivateRoute
                 path={AuthRoutes.dashboard}
-- 
GitLab