frontend/pages/auth/confirm.tsx (view raw)
1import Layout from '../../layouts/Centered';
2import Card from '@material-ui/core/Card';
3import CardMedia from '@material-ui/core/CardMedia';
4import Logo from '../../components/Logo';
5import {useTranslation} from 'react-i18next';
6import Button from '@material-ui/core/Button';
7import CardContent from '@material-ui/core/CardContent';
8import CardActionArea from '@material-ui/core/CardActions';
9import CardActions from '@material-ui/core/CardActions';
10import Typography from '@material-ui/core/Typography';
11
12const Confirm = () => {
13 const {t} = useTranslation();
14
15 return (
16 <Layout>
17 <Card>
18 <CardMedia component={Logo} />
19 <CardContent>
20 <Typography gutterBottom variant="h5" component="h2">
21 {t('confirm.title')}
22 </Typography>
23 <Typography variant="body2" color="textSecondary" component="p">
24 {t('confirm.text')}
25 </Typography>
26 </CardContent>
27 <CardActionArea>
28 <CardActions>
29 <Button
30 color="primary"
31 variant="contained"
32 href={'/auth/login'}
33 id="SignUpSuccessLogin"
34 >
35 {t('confirm.login')}
36 </Button>
37 </CardActions>
38 </CardActionArea>
39 </Card>
40 </Layout>
41 );
42};
43
44export default Confirm;