blsmedia/bot
2
0
Fork 0
Code Activity

refactor(graph): ♻️ Add Edges table in Typebot

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-01-19 18:54:49 +01:00
parent ab34f95cce
commit 8bbd8977b2
59 changed files with 1118 additions and 991 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
apps/builder/components/shared/InputWithVariableButton.tsx
View File

@ -1,9 +1,8 @@
import {
HStack,
IconButton,
Input,
InputGroup,
InputProps,
InputRightElement,
Popover,
PopoverContent,
PopoverTrigger,
@ -55,6 +54,7 @@ export const InputWithVariableButton = ({
if (!inputRef.current) return
inputRef.current.selectionStart = inputRef.current.selectionEnd =
carretPosition + `{{${variable.name}}}`.length
setCarretPosition(inputRef.current.selectionStart)
}, 100)
}
@ -67,7 +67,7 @@ export const InputWithVariableButton = ({
setValue(e.target.value)
return (
<InputGroup>
<HStack>
<Input
ref={inputRef}
onKeyUp={handleKeyUp}
@ -77,26 +77,24 @@ export const InputWithVariableButton = ({
{...props}
bgColor={'white'}
/>
<InputRightElement>
<Popover matchWidth isLazy closeOnBlur={false}>
<PopoverTrigger>
<IconButton
aria-label="Insert a variable"
icon={<UserIcon />}
size="sm"
pos="relative"
/>
</PopoverTrigger>
<PopoverContent w="full">
<VariableSearchInput
onSelectVariable={handleVariableSelected}
placeholder="Search for a variable"
shadow="lg"
isDefaultOpen
/>
</PopoverContent>
</Popover>
</InputRightElement>
</InputGroup>
<Popover matchWidth isLazy>
<PopoverTrigger>
<IconButton
aria-label="Insert a variable"
icon={<UserIcon />}
pos="relative"
ml="2"
/>
</PopoverTrigger>
<PopoverContent w="full">
<VariableSearchInput
onSelectVariable={handleVariableSelected}
placeholder="Search for a variable"
shadow="lg"
isDefaultOpen
/>
</PopoverContent>
</Popover>
</HStack>
)
}