// SPDX-License-Identifier: AGPL-3.0
import * as React from 'react';
-import { Button, Grid, StyleRulesCallback, WithStyles, Menu, MenuItem, IconButton } from '@material-ui/core';
+import { Menu, IconButton } from '@material-ui/core';
import { PopoverOrigin } from '@material-ui/core/Popover';
-interface DropdownMenuDataProps {
- id: string,
- icon: React.ComponentType,
+interface DropdownMenuProps {
+ id: string;
+ icon: React.ComponentType;
}
-
-type DropdownMenuProps = DropdownMenuDataProps;
-
class DropdownMenu extends React.Component<DropdownMenuProps> {
state = {
anchorEl: undefined
- }
+ };
transformOrigin: PopoverOrigin = {
vertical: "top",
horizontal: "center"
- }
+ };
render() {
const { icon: Icon, id, children } = this.props;
{children}
</Menu>
</div>
- )
+ );
}
handleClose = () => {
- this.setState({ anchorEl: undefined })
+ this.setState({ anchorEl: undefined });
}
handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {
- this.setState({ anchorEl: event.currentTarget })
+ this.setState({ anchorEl: event.currentTarget });
}
}
-export default DropdownMenu
+export default DropdownMenu;