34 lines
868 B
TypeScript
34 lines
868 B
TypeScript
import {
|
|
Button,
|
|
Dropdown,
|
|
DropdownTrigger,
|
|
DropdownMenu,
|
|
DropdownItem,
|
|
} from "@nextui-org/react";
|
|
import { MoreVertical } from "lucide-react";
|
|
|
|
export default function FolderEditMenu({ folder, onEditClick, onDeleteClick }) {
|
|
return (
|
|
<Dropdown>
|
|
<DropdownTrigger>
|
|
<Button isIconOnly size="sm" className="bg-transparent rounded-full">
|
|
<MoreVertical size={16} />
|
|
</Button>
|
|
</DropdownTrigger>
|
|
<DropdownMenu aria-label="Static Actions">
|
|
<DropdownItem key="edit" onClick={() => onEditClick(folder)}>
|
|
Edit folder
|
|
</DropdownItem>
|
|
<DropdownItem
|
|
key="delete"
|
|
className="text-danger"
|
|
color="danger"
|
|
onClick={() => onDeleteClick(folder.id)}
|
|
>
|
|
Delete folder
|
|
</DropdownItem>
|
|
</DropdownMenu>
|
|
</Dropdown>
|
|
);
|
|
}
|