42 lines
1.3 KiB
TypeScript
42 lines
1.3 KiB
TypeScript
import React, { FC } from "react";
|
|
import { IconCheckbox, IconDotsVertical, IconTrash } from "@tabler/icons-react";
|
|
import { Box, Menu } from "@mantine/core";
|
|
import DropdownMenuItem from "@/components/ui/DropdownMenuItem/DropdownMenuItem";
|
|
import ThemeIcon from "@/components/ui/ThemeIcon/ThemeIcon";
|
|
|
|
type Props = {
|
|
onDelete: () => void;
|
|
startDealsSelecting: () => void;
|
|
};
|
|
|
|
const GroupMenu: FC<Props> = ({ onDelete, startDealsSelecting }) => {
|
|
return (
|
|
<Menu>
|
|
<Menu.Target>
|
|
<Box
|
|
px={"md"}
|
|
style={{ cursor: "pointer" }}
|
|
onClick={e => e.stopPropagation()}>
|
|
<ThemeIcon size={"sm"}>
|
|
<IconDotsVertical />
|
|
</ThemeIcon>
|
|
</Box>
|
|
</Menu.Target>
|
|
<Menu.Dropdown>
|
|
<DropdownMenuItem
|
|
onClick={onDelete}
|
|
icon={<IconTrash />}
|
|
label={"Удалить группу"}
|
|
/>
|
|
<DropdownMenuItem
|
|
onClick={startDealsSelecting}
|
|
icon={<IconCheckbox />}
|
|
label={"Добавить/удалить сделки"}
|
|
/>
|
|
</Menu.Dropdown>
|
|
</Menu>
|
|
);
|
|
};
|
|
|
|
export default GroupMenu;
|