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