app/src/pages/SignUpSuccess.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 {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>
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;