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;