1import React from 'react';
 2import {useAuth} from 'strapi-react-context';
 3import Layout from '../layouts/Centered';
 4import {useTranslation} from 'react-i18next';
 5import {useHistory} from 'react-router-dom';
 6import Loading from './Loading';
 7import Profile from '../containers/Profile';
 8
 9const ProfilePage = () => {
10  const history = useHistory();
11  const {t} = useTranslation();
12  const {authState, logout, updateProfile} = useAuth();
13
14  const menuActions = [
15    {
16      label: t('menu.new_event'),
17      onClick: () => history.push('/new'),
18      id: 'AddEventTabs',
19    },
20    {
21      label: t('menu.dashboard'),
22      onClick: () => history.push('/dashboard'),
23      id: 'DashboardTabs',
24    },
25    {
26      label: t('menu.logout'),
27      onClick: logout,
28      id: 'LogoutTabs',
29    },
30  ];
31
32  if (!authState) return <Loading />;
33
34  return (
35    <Layout menuTitle={t('profile.title')} menuActions={menuActions}>
36      <Profile
37        profile={authState.user}
38        updateProfile={updateProfile}
39        logout={logout}
40      />
41    </Layout>
42  );
43};
44
45export default ProfilePage;