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';
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;