app/src/pages/NotConfirmed.js (view raw)
1import React from 'react';
2import Layout from '../layouts/Centered';
3import Card from '@material-ui/core/Card';
4import CardMedia from '@material-ui/core/CardMedia';
5import Logo from '../components/Logo';
6import {Redirect} from 'react-router-dom';
7import {useTranslation} from 'react-i18next';
8import {useAuth} from 'strapi-react-context';
9import Button from '@material-ui/core/Button';
10import CardContent from '@material-ui/core/CardContent';
11import CardActionArea from '@material-ui/core/CardActions';
12import CardActions from '@material-ui/core/CardActions';
13import Typography from '@material-ui/core/Typography';
14
15const NotConfirmed = () => {
16 const {t} = useTranslation();
17 const {token} = useAuth();
18 if (token) {
19 return <Redirect to="/dashboard" />;
20 }
21 return (
22 <Layout>
23 <Card>
24 <CardMedia component={Logo} />
25 <CardContent>
26 <Typography gutterBottom variant="h5" component="h2">
27 {t('signup.notConfirmed.title')}
28 </Typography>
29 <Typography variant="body2" color="textSecondary" component="p">
30 {t('signup.notConfirmed.text')}
31 </Typography>
32 </CardContent>
33 <CardActionArea>
34 <CardActions>
35 <Button
36 color="primary"
37 variant="contained"
38 href={'/login'}
39 id="SignUpSuccessLogin"
40 >
41 {t('signup.notConfirmed.login')}
42 </Button>
43 </CardActions>
44 </CardActionArea>
45 </Card>
46 </Layout>
47 );
48};
49
50export default NotConfirmed;