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
15export default () => {
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};