all repos — caroster @ 7cb2fa527ba3985be0656d729ca079ff779fb3a2

[Octree] Group carpool to your event https://caroster.io

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;