Yet another refacto. I improved many many mechanisms on this one including dnd. It is now end 2 end tested 🎉
22 lines
543 B
TypeScript
22 lines
543 B
TypeScript
import { MenuList, MenuItem } from '@chakra-ui/react'
|
|
import { TrashIcon } from 'assets/icons'
|
|
import { useTypebot } from 'contexts/TypebotContext/TypebotContext'
|
|
import { ItemIndices } from 'models'
|
|
|
|
type Props = {
|
|
indices: ItemIndices
|
|
}
|
|
export const ItemNodeContextMenu = ({ indices }: Props) => {
|
|
const { deleteItem } = useTypebot()
|
|
|
|
const handleDeleteClick = () => deleteItem(indices)
|
|
|
|
return (
|
|
<MenuList>
|
|
<MenuItem icon={<TrashIcon />} onClick={handleDeleteClick}>
|
|
Delete
|
|
</MenuItem>
|
|
</MenuList>
|
|
)
|
|
}
|