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 CardActions from '@material-ui/core/CardActions';
12import Typography from '@material-ui/core/Typography';
13
14const SignUpSuccess = () => {
15  const {t} = useTranslation();
16  const {token} = useAuth();
17  if (token) {
18    return <Redirect to="/dashboard" />;
19  }
20  return (
21    <Layout>
22      <Card>
23        <CardMedia component={Logo} />
24        <CardContent>
25          <Typography gutterBottom variant="h5" component="h2">
26            {t('signup.success.title')}
27          </Typography>
28          <Typography variant="body2" color="textSecondary" component="p">
29            {t('signup.success.text')}
30          </Typography>
31        </CardContent>
32        <CardActions>
33          <Button
34            color="primary"
35            variant="contained"
36            href={'/login'}
37            id="SignUpSuccessLogin"
38          >
39            {t('signup.success.login')}
40          </Button>
41        </CardActions>
42      </Card>
43    </Layout>
44  );
45};
46
47export default SignUpSuccess;