app/src/pages/SignIn.js (view raw)
1import React from 'react';
2import Card from '@material-ui/core/Card';
3import {useTranslation} from 'react-i18next';
4import CardMedia from '@material-ui/core/CardMedia';
5import Divider from '@material-ui/core/Divider';
6import Layout from '../layouts/Centered';
7import Logo from '../components/Logo';
8import SignInForm from '../containers/SignInForm';
9import LoginGoogle from '../containers/LoginGoogle';
10
11const SignIn = () => {
12 const {t} = useTranslation();
13 return (
14 <Layout menuTitle={t('signin.title')}>
15 <Card>
16 <CardMedia component={Logo} />
17 <Divider />
18 <LoginGoogle />
19 <Divider />
20 <SignInForm />
21 </Card>
22 </Layout>
23 );
24};
25
26export default SignIn;