diff --git a/apps/builder/src/features/graph/components/nodes/group/GroupFocusToolbar.tsx b/apps/builder/src/features/graph/components/nodes/group/GroupFocusToolbar.tsx index 8c507d697d..55d579a880 100644 --- a/apps/builder/src/features/graph/components/nodes/group/GroupFocusToolbar.tsx +++ b/apps/builder/src/features/graph/components/nodes/group/GroupFocusToolbar.tsx @@ -1,17 +1,27 @@ -import { CopyIcon, PlayIcon, TrashIcon } from '@/components/icons' -import { HStack, IconButton, useColorModeValue } from '@chakra-ui/react' +import { CopyIcon, InfoIcon, PlayIcon, TrashIcon } from '@/components/icons' +import { + HStack, + IconButton, + Tooltip, + useClipboard, + useColorModeValue, +} from '@chakra-ui/react' type Props = { + groupId: string onPlayClick: () => void onDuplicateClick: () => void onDeleteClick: () => void } export const GroupFocusToolbar = ({ + groupId, onPlayClick, onDuplicateClick, onDeleteClick, }: Props) => { + const { hasCopied, onCopy } = useClipboard(groupId) + return ( + + } + borderRightWidth="1px" + borderRightRadius="none" + borderLeftRadius="none" + aria-label={'Show group info'} + variant="ghost" + size="sm" + onClick={onCopy} + /> + { setIsFocused(false)