frontend/pages/auth/confirm/index.tsx (view raw)
1import Typography from '@mui/material/Typography';
2import {useTheme} from '@mui/material/styles';
3import Icon from '@mui/material/Icon';
4import {useTranslation} from 'react-i18next';
5import CommonConfirm from '../../../layouts/ConfirmLayout';
6import pageUtils from '../../../lib/pageUtils';
7
8const Confirm = () => {
9 const {t} = useTranslation();
10 const theme = useTheme();
11
12 return (
13 <CommonConfirm>
14 <Typography variant="subtitle1" align="center">
15 {t('confirm.creating')}
16 </Typography>
17 <Typography variant="h5" align="center">
18 {t('confirm.title')}
19 </Typography>
20 <Typography
21 align="center"
22 sx={{margin: theme.spacing(5, 0)}}
23 >
24 <Icon fontSize="large">mail</Icon>
25 </Typography>
26 <Typography
27 sx={{margin: theme.spacing(5, 0)}}
28 variant="body2"
29 align="center"
30 >
31 {t('confirm.text')}
32 </Typography>
33 </CommonConfirm>
34 );
35};
36
37export default Confirm;
38
39export const getServerSideProps = pageUtils.getServerSideProps();