blsmedia/bot
2
0
Fork 0
Code Activity

feat(editor): ✨ Duplicate blocks & steps

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-03-23 11:00:43 +01:00
parent 07042137fb
commit c01ffa3f0b
6 changed files with 62 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
apps/builder/components/shared/Graph/Nodes/BlockNode/BlockNodeContextMenu.tsx
View File

@ -1,5 +1,5 @@
import { MenuList, MenuItem } from '@chakra-ui/react'
import { TrashIcon } from 'assets/icons'
import { CopyIcon, TrashIcon } from 'assets/icons'
import { useTypebot } from 'contexts/TypebotContext/TypebotContext'
export const BlockNodeContextMenu = ({
@ -7,12 +7,17 @@ export const BlockNodeContextMenu = ({
}: {
blockIndex: number
}) => {
const { deleteBlock } = useTypebot()
const { deleteBlock, duplicateBlock } = useTypebot()
const handleDeleteClick = () => deleteBlock(blockIndex)
const handleDuplicateClick = () => duplicateBlock(blockIndex)
return (
<MenuList>
<MenuItem icon={<CopyIcon />} onClick={handleDuplicateClick}>
Duplicate
</MenuItem>
<MenuItem icon={<TrashIcon />} onClick={handleDeleteClick}>
Delete
</MenuItem>

9
apps/builder/components/shared/Graph/Nodes/StepNode/StepNodeContextMenu.tsx
View File

@ -1,16 +1,21 @@
import { MenuList, MenuItem } from '@chakra-ui/react'
import { TrashIcon } from 'assets/icons'
import { CopyIcon, TrashIcon } from 'assets/icons'
import { useTypebot } from 'contexts/TypebotContext/TypebotContext'
import { StepIndices } from 'models'
type Props = { indices: StepIndices }
export const StepNodeContextMenu = ({ indices }: Props) => {
const { deleteStep } = useTypebot()
const { deleteStep, duplicateStep } = useTypebot()
const handleDuplicateClick = () => duplicateStep(indices)
const handleDeleteClick = () => deleteStep(indices)
return (
<MenuList>
<MenuItem icon={<CopyIcon />} onClick={handleDuplicateClick}>
Duplicate
</MenuItem>
<MenuItem icon={<TrashIcon />} onClick={handleDeleteClick}>
Delete
</MenuItem>