frontend/pages/auth/login.tsx (view raw)
1import {useEffect} from 'react';
2import {useTranslation} from 'react-i18next';
3import {useRouter} from 'next/router';
4import CardMedia from '@material-ui/core/CardMedia';
5import Divider from '@material-ui/core/Divider';
6import Card from '@material-ui/core/Card';
7import Layout from '../../layouts/Centered';
8import Logo from '../../components/Logo';
9import SignInForm from '../../containers/SignInForm';
10import LoginGoogle from '../../containers/LoginGoogle';
11import useAuthStore from '../../stores/useAuthStore';
12
13const Login = () => {
14 const {t} = useTranslation();
15 const router = useRouter();
16 const token = useAuthStore(s => s.token);
17
18 useEffect(() => {
19 if (token) router.replace('/dashboard');
20 }, [token]);
21
22 return (
23 <Layout menuTitle={t('signin.title')} displayMenu={false}>
24 <Card>
25 <CardMedia component={Logo} />
26 <SignInForm />
27 <Divider />
28 <LoginGoogle />
29 </Card>
30 </Layout>
31 );
32};
33
34export default Login;