import * as React from "react";
import { Popover, List, ListItem, ListItemIcon, ListItemText, Divider } from "@material-ui/core";
import { DefaultTransformOrigin } from "../popover/helpers";
-import IconBase, { IconTypes } from "../icon/icon";
+import { IconType } from "../icon/icon";
export interface ContextMenuItem {
name: string;
- icon: IconTypes;
+ icon: IconType;
}
export type ContextMenuItemGroup = ContextMenuItem[];
export default class ContextMenu extends React.PureComponent<ContextMenuProps> {
render() {
- const { anchorEl, items, onClose, onItemClick } = this.props;
+ const { anchorEl, items, onClose, onItemClick} = this.props;
return <Popover
anchorEl={anchorEl}
open={!!anchorEl}
key={actionIndex}
onClick={() => onItemClick(item)}>
<ListItemIcon>
- <IconBase icon={item.icon} />
+ <item.icon/>
</ListItemIcon>
<ListItemText>
{item.name}