diff --git a/src/App.tsx b/src/App.tsx index 0fd49632bea45aa7229448a7c5a71769d99e5d8a..10c472af9a224bd4d7ffa71531d1f8713b65ea26 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}