frontend/pages/auth/confirm/index.tsx (view raw)
1import Typography from '@material-ui/core/Typography';
2import Icon from '@material-ui/core/Icon';
3import {makeStyles} from '@material-ui/core/styles';
4import {useTranslation} from 'react-i18next';
5import CommonConfirm from '../../../layouts/ConfirmLayout';
6import pageUtils from '../../../lib/pageUtils';
7
8const Confirm = () => {
9 const {t} = useTranslation();
10 const {margins} = useStyles();
11
12 return (
13 <CommonConfirm>
14 <Typography variant="overline" component="h5" align="center">
15 {t('confirm.title')}
16 </Typography>
17 <Typography
18 variant="h5"
19 component="h2"
20 align="center"
21 >
22 {t('confirm.title')}
23 </Typography>
24 <Typography align="center" className={margins} component="div">
25 <Icon fontSize="large">mail</Icon>
26 </Typography>
27 <Typography
28 className={margins}
29 variant="body2"
30 color="textSecondary"
31 component="p"
32 align="center"
33 >
34 {t('confirm.text')}
35 </Typography>
36 </CommonConfirm>
37 );
38};
39
40const useStyles = makeStyles(theme => ({
41 margins: {
42 margin: theme.spacing(5, 0),
43 },
44}));
45
46export default Confirm;
47
48export const getServerSideProps = pageUtils.getServerSideProps();