diff --git a/apps/builder/src/components/inputs/VariableSearchInput.tsx b/apps/builder/src/components/inputs/VariableSearchInput.tsx index 04eef917d6..1ff015f19b 100644 --- a/apps/builder/src/components/inputs/VariableSearchInput.tsx +++ b/apps/builder/src/components/inputs/VariableSearchInput.tsx @@ -12,6 +12,7 @@ import { PopoverAnchor, Portal, Tag, + Text, } from '@chakra-ui/react' import { EditIcon, PlusIcon, TrashIcon } from '@/components/icons' import { useTypebot } from '@/features/editor/providers/TypebotProvider/TypebotProvider' @@ -210,7 +211,9 @@ export const VariableSearchInput = ({ > Create - {inputValue} + + {inputValue} + )} @@ -240,7 +243,10 @@ export const VariableSearchInput = ({ } transition="none" > - {item.name} + + {item.name} + + } diff --git a/apps/builder/src/features/graph/components/Nodes/BlockNode/BlockNodeContent/WithVariableContent.tsx b/apps/builder/src/features/graph/components/Nodes/BlockNode/BlockNodeContent/WithVariableContent.tsx index ee9df69209..b2f5887899 100644 --- a/apps/builder/src/features/graph/components/Nodes/BlockNode/BlockNodeContent/WithVariableContent.tsx +++ b/apps/builder/src/features/graph/components/Nodes/BlockNode/BlockNodeContent/WithVariableContent.tsx @@ -15,7 +15,7 @@ export const WithVariableContent = ({ block }: Props) => { )?.name return ( - + Collect{' '} - - - Shown in table: - - + Shown in table: + + + - - {sortedHeader.map((header) => ( - - ))} - - - - {draggingColumnId ? : null} - - - - + {sortedHeader.map((header) => ( + + ))} + + + + {draggingColumnId ? : null} + + + ) } @@ -147,7 +145,7 @@ const SortableColumns = ({ opacity={isDragging || isHidden ? 0.5 : 1} {...attributes} > - +