app/src/containers/EventMenu/EventMenu.js (view raw)
1import React from 'react';
2import Menu from '@material-ui/core/Menu';
3import MenuItem from '@material-ui/core/MenuItem';
4import {useTranslation} from 'react-i18next';
5import {useStrapi} from 'strapi-react-context';
6
7const EventMenu = ({anchorEl, setAnchorEl, actions = []}) => {
8 const {t} = useTranslation();
9 const strapi = useStrapi();
10 const [settings] = strapi.stores?.settings || [{}];
11
12 const aboutMenuItem = {
13 label: t('menu.about'),
14 onClick: () => (window.location.href = settings['about_link']),
15 id: 'AboutTabs',
16 };
17
18 return (
19 <Menu
20 anchorEl={anchorEl}
21 anchorOrigin={{
22 vertical: 'top',
23 horizontal: 'right',
24 }}
25 keepMounted
26 transformOrigin={{
27 vertical: 'top',
28 horizontal: 'right',
29 }}
30 open={!!anchorEl}
31 onClose={() => setAnchorEl(null)}
32 >
33 {actions &&
34 [...actions, aboutMenuItem].filter(Boolean).map((action, idx) => (
35 <MenuItem
36 onClick={() => {
37 action.onClick();
38 setAnchorEl(null);
39 }}
40 key={idx}
41 id={action.id || `MenuItem${idx}`}
42 >
43 {action.label}
44 </MenuItem>
45 ))}
46 </Menu>
47 );
48};
49export default EventMenu;