diff options
Diffstat (limited to 'src/pages/AuthPage/AuthPage.tsx')
-rw-r--r-- | src/pages/AuthPage/AuthPage.tsx | 24 |
1 files changed, 7 insertions, 17 deletions
diff --git a/src/pages/AuthPage/AuthPage.tsx b/src/pages/AuthPage/AuthPage.tsx index c490078..fc7f404 100644 --- a/src/pages/AuthPage/AuthPage.tsx +++ b/src/pages/AuthPage/AuthPage.tsx @@ -1,29 +1,19 @@ -import React, {useState} from 'react'; -import {Authorization} from '../../types'; +import React, { useState } from 'react'; import SignInForm from './SignInForm'; -import {makeStyles} from "@material-ui/core"; -import SignUpForm from "./SignUpForm"; +import SignUpForm from './SignUpForm'; +import { Authorization } from '../../types'; + interface PropTypes { logIn: (name: string, password: string) => Promise<boolean>; } -const useStyles = makeStyles(theme => ({ - authorize: { - display: 'flex', - width: 200, - justifyContent: 'space-around', - margin: '0 auto' - } -})); - -const AuthPage: React.FC<PropTypes> = ({logIn}) => { - const classes = useStyles(); - const [authorization, setAuthorization] = useState<Authorization>({authorize: 'signIn'}); +const AuthPage: React.FC<PropTypes> = ({ logIn }) => { + const [authorization, setAuthorization] = useState<Authorization>({ authorize: 'signIn' }); return ( <> - {authorization.authorize === 'signIn' && <SignInForm logIn={logIn} setAuthorization={setAuthorization}/>} + {authorization.authorize === 'signIn' && <SignInForm logIn={logIn} setAuthorization={setAuthorization} />} {authorization.authorize === 'signUp' && <SignUpForm logIn={logIn} setAuthorization={setAuthorization} />} </> ); |