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