app/src/containers/GenericMenu/Toolbar.js (view raw)
1import React from 'react';
2import Menu from '@material-ui/core/Menu';
3import MenuItem from '@material-ui/core/MenuItem';
4
5const Toolbar = ({anchorEl, setAnchorEl, actions = []}) => {
6 if (actions.length === 0) return null;
7 return (
8 <Menu
9 anchorEl={anchorEl}
10 anchorOrigin={{
11 vertical: 'top',
12 horizontal: 'right',
13 }}
14 keepMounted
15 transformOrigin={{
16 vertical: 'top',
17 horizontal: 'right',
18 }}
19 open={!!anchorEl}
20 onClose={() => setAnchorEl(null)}
21 >
22 {actions &&
23 actions.map(({onClick, id, label, ...menuItemProps}, idx) => (
24 <MenuItem
25 onClick={() => {
26 if (!onClick) return;
27 onClick();
28 setAnchorEl(null);
29 }}
30 key={idx}
31 id={id || `MenuItem${idx}`}
32 {...menuItemProps}
33 >
34 {label}
35 </MenuItem>
36 ))}
37 </Menu>
38 );
39};
40export default Toolbar;