diff --git a/src/components/RestrictedRoute/RestrictedRoute.tsx b/src/components/RestrictedRoute/RestrictedRoute.tsx index 24fbaa42e2c208fc7152ec9a739f98768d1a996c..3be9157b076fd142ff3f9e7a7c4b7c02b9b4bc0e 100644 --- a/src/components/RestrictedRoute/RestrictedRoute.tsx +++ b/src/components/RestrictedRoute/RestrictedRoute.tsx @@ -1,6 +1,6 @@ -import React, { useState, useEffect, useContext } from 'react'; +import React, { useState, useEffect } from 'react'; import { Route, Redirect, RouteProps } from 'react-router-dom'; -import { AuthRoutes, NonAuthRoutes } from 'api/routes'; +import { AuthRoutes } from 'api/routes'; import { isAuthenticated } from 'api/isAuthenticated'; import { CircularProgress } from '@material-ui/core'; @@ -21,7 +21,7 @@ type Props = { /* eslint-disable react/jsx-props-no-spreading */ export const RestrictedRoute = ({ Component, path }: Props): JSX.Element => { - const [authUser, setAuthUser] = useState<boolean>(false); + const [isAuth, setIsAuth] = useState<boolean>(false); const [isLoading, setLoading] = useState<boolean>(false); useEffect(() => { @@ -29,7 +29,7 @@ export const RestrictedRoute = ({ Component, path }: Props): JSX.Element => { isAuthenticated().then((state) => { if (isMounted) { - setAuthUser(state); + setIsAuth(state); setLoading(true); } }); @@ -45,7 +45,7 @@ export const RestrictedRoute = ({ Component, path }: Props): JSX.Element => { <Route path={path} render={(props: RouteProps) => - !authUser ? ( + !isAuth ? ( // Redirect to component. <Component {...props} /> ) : (