1import React from 'react';
 2import Layout from '../layouts/Centered';
 3import Paper from '../components/Paper';
 4import Logo from '../components/Logo';
 5import CreateEvent from '../containers/CreateEvent';
 6import {useAuth} from 'strapi-react-context';
 7import {useHistory} from 'react-router-dom';
 8import {useTranslation} from 'react-i18next';
 9
10const Home = () => {
11  const history = useHistory();
12  const {t} = useTranslation();
13  const {token} = useAuth();
14
15  const noUserMenuActions = [
16    {
17      label: t('menu.login'),
18      onClick: () => history.push('/login'),
19      id: 'LoginTabs',
20    },
21    {
22      label: t('menu.register'),
23      onClick: () => history.push('/register'),
24      id: 'RegisterTabs',
25    },
26  ];
27
28  const loggedMenuActions = [
29    {
30      label: t('menu.dashboard'),
31      onClick: () => history.push('/dashboard'),
32      id: 'SeeDashboardTabs',
33    },
34    {
35      label: t('menu.profile'),
36      onClick: () => history.push('/profile'),
37      id: 'ProfileTabs',
38    },
39  ];
40
41  const menuActions = token ? loggedMenuActions : noUserMenuActions;
42
43  return (
44    <Layout menuTitle={t('event.creation.title')} menuActions={menuActions}>
45      <Paper>
46        <Logo />
47        <CreateEvent />
48      </Paper>
49    </Layout>
50  );
51};
52
53export default Home;