blsmedia/bot
2
0
Fork 0
Code Activity

feat(integration): ✨ Add Make.com block

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-04-10 17:02:01 -05:00
parent a5491dc7a8
commit 38c53fbbbc
12 changed files with 156 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
apps/builder/components/shared/Graph/Nodes/StepNode/StepNodeContent/StepNodeContent.tsx
View File

@ -23,7 +23,7 @@ import { ImageBubbleContent } from './contents/ImageBubbleContent'
import { PlaceholderContent } from './contents/PlaceholderContent'
import { SendEmailContent } from './contents/SendEmailContent'
import { TypebotLinkContent } from './contents/TypebotLinkContent'
import { ZapierContent } from './contents/ZapierContent'
import { ProviderWebhookContent } from './contents/ZapierContent'
type Props = {
step: Step | StartStep
@ -121,7 +121,17 @@ export const StepNodeContent = ({ step, indices }: Props) => {
return <WebhookContent step={step} />
}
case IntegrationStepType.ZAPIER: {
return <ZapierContent step={step} />
return (
<ProviderWebhookContent step={step} configuredLabel="Trigger zap" />
)
}
case IntegrationStepType.MAKE_COM: {
return (
<ProviderWebhookContent
step={step}
configuredLabel="Trigger scenario"
/>
)
}
case IntegrationStepType.EMAIL: {
return <SendEmailContent step={step} />

14
apps/builder/components/shared/Graph/Nodes/StepNode/StepNodeContent/contents/ZapierContent.tsx
View File

@ -1,14 +1,20 @@
import { Text } from '@chakra-ui/react'
import { useTypebot } from 'contexts/TypebotContext'
import { defaultWebhookAttributes, Webhook, ZapierStep } from 'models'
import {
defaultWebhookAttributes,
MakeComStep,
Webhook,
ZapierStep,
} from 'models'
import { useEffect } from 'react'
import { byId, isNotDefined } from 'utils'
type Props = {
step: ZapierStep
step: ZapierStep | MakeComStep
configuredLabel: string
}
export const ZapierContent = ({ step }: Props) => {
export const ProviderWebhookContent = ({ step, configuredLabel }: Props) => {
const { webhooks, typebot, updateWebhook } = useTypebot()
const webhook = webhooks.find(byId(step.webhookId))
@ -30,7 +36,7 @@ export const ZapierContent = ({ step }: Props) => {
return <Text color="gray.500">Configure...</Text>
return (
<Text isTruncated pr="6">
{webhook?.url ? 'Enabled' : 'Disabled'}
{webhook?.url ? configuredLabel : 'Disabled'}
</Text>
)
}