app/src/pages/SignUpSuccess.js (view raw)
1import React, {useState} 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';
11
12export default () => {
13 const {t} = useTranslation();
14 return (
15 <Layout>
16 <Card>
17 <CardMedia component={Logo} />
18 <CardContent>
19 <Typography gutterBottom variant="h5" component="h2">
20 {t('signup.success.title')}
21 </Typography>
22 <Typography
23 variant="body2"
24 color="textSecondary"
25 component="p"
26 dangerouslySetInnerHTML={{__html: t('signup.success.text_html')}}
27 />
28 </CardContent>
29 <CardActions>
30 <Button
31 color="secondary"
32 variant="contained"
33 href={'/'}
34 id="SignUpSuccessCreateEvent"
35 >
36 {t('signup.success.create_event')}
37 </Button>
38 <Button
39 color="primary"
40 variant="contained"
41 href={'/dashboard'}
42 id="SignUpSuccessDashboard"
43 >
44 {t('signup.success.dashboard')}
45 </Button>
46 </CardActions>
47 </Card>
48 </Layout>
49 );
50};