blsmedia/bot
2
0
Fork 0
Code Activity

feat(steps): ✨ Add Embed bubble

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-03-23 12:01:35 +01:00
parent c01ffa3f0b
commit 953b95d254
15 changed files with 296 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/builder/components/editor/StepsSideBar/StepIcon.tsx
View File

@ -13,6 +13,7 @@ import {
FlagIcon,
GlobeIcon,
ImageIcon,
LayoutIcon,
NumberIcon,
PhoneIcon,
SendEmailIcon,
@ -39,6 +40,8 @@ export const StepIcon = ({ type, ...props }: StepIconProps) => {
return <ImageIcon color="blue.500" {...props} />
case BubbleStepType.VIDEO:
return <FilmIcon color="blue.500" {...props} />
case BubbleStepType.EMBED:
return <LayoutIcon color="blue.500" {...props} />
case InputStepType.TEXT:
return <TextIcon color="orange.500" {...props} />
case InputStepType.NUMBER:

6
apps/builder/components/editor/StepsSideBar/StepTypeLabel.tsx
View File

@ -19,6 +19,12 @@ export const StepTypeLabel = ({ type }: Props) => {
return <Text>Image</Text>
case BubbleStepType.VIDEO:
return <Text>Video</Text>
case BubbleStepType.EMBED:
return (
<Tooltip label="Embed a pdf, an iframe, a website...">
<Text>Embed</Text>
</Tooltip>
)
case InputStepType.NUMBER:
return <Text>Number</Text>
case InputStepType.EMAIL: