diff --git a/apps/web/public/static/locales/en/common.json b/apps/web/public/static/locales/en/common.json index b299b4d5..13608e03 100644 --- a/apps/web/public/static/locales/en/common.json +++ b/apps/web/public/static/locales/en/common.json @@ -823,9 +823,11 @@ "generate_api_key": "Generate Api Key", "your_unique_api_key": "Your unique API key", "copy_safe_api_key": "Copy this API key and save it somewhere safe. If you lose this key you have to generate a new one.", - "zapier_setup_instructions": "<0>Go to: <1>Zapier Invite Link<1>Log into your Zapier account and create a new Zap.<2>Select Cal.com as your Trigger app. Also choose a Trigger event.<3>Choose your account and then enter your Unique API Key.<4>Test your Trigger.<5>You're set!", "install_zapier_app": "Please first install the Zapier App in the app store.", "go_to_app_store": "Go to App Store", "calendar_error": "Something went wrong, try reconnecting your calendar with all necessary permissions", - "calendar_no_busy_slots": "There are no busy slots" + "calendar_no_busy_slots": "There are no busy slots", + "zapier_setup_instructions": "<0>Log into your Zapier account and create a new Zap.<1>Select Cal.com as your Trigger app. Also choose a Trigger event.<2>Choose your account and then enter your Unique API Key.<3>Test your Trigger.<4>You're set!", + "go_to": "Go to: ", + "zapier_invite_link": "Zapier Invite Link" } diff --git a/packages/app-store/zapier/pages/setup/index.tsx b/packages/app-store/zapier/pages/setup/index.tsx index 5c28b267..053ecf27 100644 --- a/packages/app-store/zapier/pages/setup/index.tsx +++ b/packages/app-store/zapier/pages/setup/index.tsx @@ -33,6 +33,7 @@ export default function ZapierSetup(props: IZapierSetupProps) { ); const [credentialId] = zapierCredentials?.credentialIds || [false]; const showContent = integrations.data && integrations.isSuccess && credentialId; + const isCalDev = process.env.NEXT_PUBLIC_WEBAPP_URL === "https://app.cal.dev"; async function createApiKey() { const event = { note: "Zapier", expiresAt: null, appId: ZAPIER }; @@ -48,7 +49,7 @@ export default function ZapierSetup(props: IZapierSetupProps) { if (integrations.isLoading) { return ( -
+
); @@ -57,7 +58,7 @@ export default function ZapierSetup(props: IZapierSetupProps) { return (
{showContent ? ( -
+
@@ -74,8 +75,8 @@ export default function ZapierSetup(props: IZapierSetupProps) { ) : ( <>
{t("your_unique_api_key")}
-
-
{newApiKey}
+
+
{newApiKey}
@@ -96,13 +97,16 @@ export default function ZapierSetup(props: IZapierSetupProps) { )}
    - + {isCalDev && (
  1. - Go to: + {t("go_to")} - Zapier Invite Link + {t("zapier_invite_link")}
  2. + ) + } +
  3. Log into your Zapier account and create a new Zap.
  4. Select Cal.com as your Trigger app. Also choose a Trigger event.
  5. Choose your account and then enter your Unique API Key.