1import React from 'react';
 2import Card from '@material-ui/core/Card';
 3import CardActions from '@material-ui/core/CardActions';
 4import CardContent from '@material-ui/core/CardContent';
 5import Typography from '@material-ui/core/Typography';
 6import Button from '@material-ui/core/Button';
 7import {useTranslation} from 'react-i18next';
 8import {useHistory} from 'react-router-dom';
 9export const EmptyDashboard = () => {
10  const {t} = useTranslation();
11  const history = useHistory();
12  const goNewEvent = history.push.bind(undefined, '/new');
13  return (
14    <Card>
15      <CardContent>
16        <Typography gutterBottom variant="h5" component="h1">
17          {t('dashboard.noEvent.title')}
18        </Typography>
19        <Typography
20          variant="body1"
21          gutterBottom
22          dangerouslySetInnerHTML={{
23            __html: t('dashboard.noEvent.text_html'),
24          }}
25        />
26      </CardContent>
27      <CardActions>
28        <Button
29          onClick={() => goNewEvent()}
30          variant="contained"
31          color="primary"
32        >
33          {t('dashboard.noEvent.create_event')}
34        </Button>
35      </CardActions>
36    </Card>
37  );
38};