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 {useTranslation} from 'react-i18next';
 7import Button from '@material-ui/core/Button';
 8import CardContent from '@material-ui/core/CardContent';
 9import CardActions from '@material-ui/core/CardActions';
10import Typography from '@material-ui/core/Typography';
11import {useAuth} from 'strapi-react-context';
12import {Redirect} from 'react-router-dom';
13const SignUpSuccess = () => {
14  const {t} = useTranslation();
15  const {token} = useAuth();
16  if (!token) {
17    return <Redirect to="/" />;
18  }
19  return (
20    <Layout>
21      <Card>
22        <CardMedia component={Logo} />
23        <CardContent>
24          <Typography gutterBottom variant="h5" component="h2">
25            {t('signup.success.title')}
26          </Typography>
27          <Typography
28            variant="body2"
29            color="textSecondary"
30            component="p"
31            dangerouslySetInnerHTML={{__html: t('signup.success.text_html')}}
32          />
33        </CardContent>
34        <CardActions>
35          <Button
36            color="secondary"
37            variant="contained"
38            href={'/'}
39            id="SignUpSuccessCreateEvent"
40          >
41            {t('signup.success.create_event')}
42          </Button>
43          <Button
44            color="primary"
45            variant="contained"
46            href={'/dashboard'}
47            id="SignUpSuccessDashboard"
48          >
49            {t('signup.success.dashboard')}
50          </Button>
51        </CardActions>
52      </Card>
53    </Layout>
54  );
55};
56
57export default SignUpSuccess;