diff --git a/src/components/AuthUser/AuthUser.tsx b/src/components/AuthUser/AuthUser.tsx index dbac120b9f286d191b9d771a329786e62823407f..e9e5b6f4e3df56ff7d437753e9d5aae9743f20de 100644 --- a/src/components/AuthUser/AuthUser.tsx +++ b/src/components/AuthUser/AuthUser.tsx @@ -1,16 +1,23 @@ import React, { FC } from 'react'; import Container from '@material-ui/core/Container'; import { Route, useRouteMatch } from 'react-router-dom'; -import { NonAuthRoutes } from 'api/routes'; +import { AuthRoutes, NonAuthRoutes } from 'api/routes'; import { SignInForm } from 'components/AuthUser/SignInForm/SignInForm'; import { SignUpForm } from 'components/AuthUser/SignUpForm/SignUpForm'; +import { ChoseRole } from 'components/AuthUser/ChoseRole/ChoseRole'; +import { RestrictedRoute } from 'api/RestrictedRoute/RestrictedRoute'; export const AuthUser: FC = () => { const { path } = useRouteMatch(); return ( <Container maxWidth="sm"> - <Route path={`${path}${NonAuthRoutes.signIn}`} component={SignInForm} /> + <RestrictedRoute + path={`${path}${NonAuthRoutes.signIn}`} + Component={SignInForm} + restricted + /> <Route path={`${path}${NonAuthRoutes.signUp}`} component={SignUpForm} /> + <Route path={`${path}${AuthRoutes.choseRole}`} component={ChoseRole} /> </Container> ); };