diff --git a/apps/builder/src/features/blocks/bubbles/audio/components/AudioBubbleNode.tsx b/apps/builder/src/features/blocks/bubbles/audio/components/AudioBubbleNode.tsx index 450db2b89..a27546a1f 100644 --- a/apps/builder/src/features/blocks/bubbles/audio/components/AudioBubbleNode.tsx +++ b/apps/builder/src/features/blocks/bubbles/audio/components/AudioBubbleNode.tsx @@ -1,16 +1,27 @@ -import { Text } from '@chakra-ui/react' +import { chakra, Text } from '@chakra-ui/react' import { isDefined } from '@typebot.io/lib' import { useTranslate } from '@tolgee/react' import { AudioBubbleBlock } from '@typebot.io/schemas' +import { findUniqueVariable } from '@typebot.io/variables/findUniqueVariableValue' +import { useTypebot } from '@/features/editor/providers/TypebotProvider' +import { VariableTag } from '@/features/graph/components/nodes/block/VariableTag' type Props = { url: NonNullable['url'] } export const AudioBubbleNode = ({ url }: Props) => { + const { typebot } = useTypebot() const { t } = useTranslate() + const variable = typebot ? findUniqueVariable(typebot?.variables)(url) : null return isDefined(url) ? ( -