feat(integration): ✨ Add Make.com block

apps/builder/components/editor/StepsSideBar/StepIcon.tsx

@@ -20,7 +20,12 @@ import {
   TextIcon,
   WebhookIcon,
 } from 'assets/icons'
-import { GoogleAnalyticsLogo, GoogleSheetsLogo, ZapierLogo } from 'assets/logos'
+import {
+  GoogleAnalyticsLogo,
+  GoogleSheetsLogo,
+  MakeComLogo,
+  ZapierLogo,
+} from 'assets/logos'
 import {
   BubbleStepType,
   InputStepType,
@@ -74,6 +79,8 @@ export const StepIcon = ({ type, ...props }: StepIconProps) => {
       return <WebhookIcon {...props} />
     case IntegrationStepType.ZAPIER:
       return <ZapierLogo {...props} />
+    case IntegrationStepType.MAKE_COM:
+      return <MakeComLogo {...props} />
     case IntegrationStepType.EMAIL:
       return <SendEmailIcon {...props} />
     case 'start':

apps/builder/components/editor/StepsSideBar/StepTypeLabel.tsx

@@ -71,6 +71,8 @@ export const StepTypeLabel = ({ type }: Props) => {
       return <Text>Webhook</Text>
     case IntegrationStepType.ZAPIER:
       return <Text>Zapier</Text>
+    case IntegrationStepType.MAKE_COM:
+      return <Text>Make.com</Text>
     case IntegrationStepType.EMAIL:
       return <Text>Email</Text>
     default: