From aa890affc96fc0246aea926271bbff8470df59ea Mon Sep 17 00:00:00 2001
From: Johannes <72809645+jobenjada@users.noreply.github.com>
Date: Mon, 20 May 2024 16:45:41 +0200
Subject: [PATCH] fix: update links for integrations (#2659)

---
 .../docs/app/developer-docs/integrations/airtable/page.mdx | 3 +--
 .../app/developer-docs/integrations/google-sheets/page.mdx | 2 +-
 apps/docs/app/developer-docs/integrations/make/page.mdx    | 2 +-
 apps/docs/app/developer-docs/integrations/n8n/page.mdx     | 2 +-
 apps/docs/app/developer-docs/integrations/notion/page.mdx  | 3 +--
 apps/docs/app/developer-docs/integrations/slack/page.mdx   | 3 +--
 apps/docs/app/self-hosting/integrations/page.mdx           | 4 ++--
 .../integrations/airtable/components/Connect.tsx           | 7 +++++++
 .../integrations/google-sheets/components/Connect.tsx      | 4 +++-
 .../integrations/notion/components/Connect.tsx             | 2 +-
 .../integrations/slack/components/Connect.tsx              | 2 +-
 11 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/apps/docs/app/developer-docs/integrations/airtable/page.mdx b/apps/docs/app/developer-docs/integrations/airtable/page.mdx
index 3a0f201e0f..3c6763ea8d 100644
--- a/apps/docs/app/developer-docs/integrations/airtable/page.mdx
+++ b/apps/docs/app/developer-docs/integrations/airtable/page.mdx
@@ -24,8 +24,7 @@ export const metadata = {
 The Airtable integration allows you to automatically send responses to an Airtable of your choice.
 
 <Note>
-  This feature is enabled by default in Formbricks Cloud but needs to be self-configured when running a
-  self-hosted version of Formbricks.
+    If you are on a self-hosted instance, you will need to configure this integration separately. Please follow the guides [here](/self-hosting/integrations) to configure them.
 </Note>
 
 ## Formbricks Cloud
diff --git a/apps/docs/app/developer-docs/integrations/google-sheets/page.mdx b/apps/docs/app/developer-docs/integrations/google-sheets/page.mdx
index ce2f591534..a200dd66f0 100644
--- a/apps/docs/app/developer-docs/integrations/google-sheets/page.mdx
+++ b/apps/docs/app/developer-docs/integrations/google-sheets/page.mdx
@@ -23,7 +23,7 @@ The Google Sheets integration allows you to automatically send responses to a Go
 <Note>
   This feature is enabled by default in Formbricks Cloud but needs to be self-configured when running a
   self-hosted version of Formbricks. For self-configuration, see additional setup
-  [below](#setup-in-self-hosted-formbricks).
+  below.
 </Note>
 
 ## Connect Google Sheets
diff --git a/apps/docs/app/developer-docs/integrations/make/page.mdx b/apps/docs/app/developer-docs/integrations/make/page.mdx
index 74f81a73b8..306bf8e957 100644
--- a/apps/docs/app/developer-docs/integrations/make/page.mdx
+++ b/apps/docs/app/developer-docs/integrations/make/page.mdx
@@ -27,7 +27,7 @@ export const metadata = {
 Make is a powerful tool to send information between Formbricks and thousands of apps. Here's how to set it up.
 
 <Note>
-  ### Nail down your survey first ? Any changes in the survey cause additional work in the _Scenario_. It
+Nailed down your survey?? Any changes in the survey cause additional work in the _Scenario_. It
   makes sense to first settle on the survey you want to run and then get to setting up Make.
 </Note>
 
diff --git a/apps/docs/app/developer-docs/integrations/n8n/page.mdx b/apps/docs/app/developer-docs/integrations/n8n/page.mdx
index 3c6f55084e..435bf8da75 100644
--- a/apps/docs/app/developer-docs/integrations/n8n/page.mdx
+++ b/apps/docs/app/developer-docs/integrations/n8n/page.mdx
@@ -29,7 +29,7 @@ export const metadata = {
 n8n allows you to build flexible workflows focused on deep data integration. And with sharable templates and a user-friendly UI, the less technical people on your team can collaborate on them too. Unlike other tools, complexity is not a limitation. So you can build whatever you want — without stressing over budget. Hook up Formbricks with n8n and you can send your data to 350+ other apps. Here is how to do it.
 
 <Note>
-  ### Nail down your survey first Any changes in the survey cause additional work in the n8n node. It makes
+  Nail down your survey? Any changes in the survey cause additional work in the n8n node. It makes
   sense to first settle on the survey you want to run and then get to setting up n8n.
 </Note>
 
diff --git a/apps/docs/app/developer-docs/integrations/notion/page.mdx b/apps/docs/app/developer-docs/integrations/notion/page.mdx
index e547bcf945..3bbc9f4fc7 100644
--- a/apps/docs/app/developer-docs/integrations/notion/page.mdx
+++ b/apps/docs/app/developer-docs/integrations/notion/page.mdx
@@ -21,8 +21,7 @@ export const metadata = {
 The notion integration allows you to automatically send responses to a Notion database of your choice.
 
 <Note>
-  This feature is enabled by default in Formbricks Cloud but needs to be self-configured when running a
-  self-hosted version of Formbricks.
+    If you are on a self-hosted instance, you will need to configure this integration separately. Please follow the guides [here](/self-hosting/integrations) to configure them.
 </Note>
 
 ## Formbricks Cloud
diff --git a/apps/docs/app/developer-docs/integrations/slack/page.mdx b/apps/docs/app/developer-docs/integrations/slack/page.mdx
index 4ea3b084b6..2a3c6cc86f 100644
--- a/apps/docs/app/developer-docs/integrations/slack/page.mdx
+++ b/apps/docs/app/developer-docs/integrations/slack/page.mdx
@@ -22,8 +22,7 @@ export const metadata = {
 The slack integration allows you to automatically send responses to a Slack channel of your choice.
 
 <Note>
-  This feature is enabled by default in Formbricks Cloud but needs to be self-configured when running a
-  self-hosted version of Formbricks.
+    If you are on a self-hosted instance, you will need to configure this integration separately. Please follow the guides [here](/self-hosting/integrations) to configure them.
 </Note>
 
 ## Formbricks Cloud
diff --git a/apps/docs/app/self-hosting/integrations/page.mdx b/apps/docs/app/self-hosting/integrations/page.mdx
index e0ad50e455..4122e9a5e0 100644
--- a/apps/docs/app/self-hosting/integrations/page.mdx
+++ b/apps/docs/app/self-hosting/integrations/page.mdx
@@ -39,10 +39,10 @@ We have step-by-step guides to configure our third-party integrations with a sel
 - [Airtable](#airtable)
 - [Google Sheets](#google-sheets)
 - [Notion](#notion)
-- Make: We do not support [Make.com](http://Make.com) for Self-hosted instances yet! Please follow our Cloud guide [here](/integrations#make)
+- Make: We do not support for self-hosted instances yet.
 - [n8n](#n8n)
 - [Slack](#slack)
-- [Wordpress]: Wordpress setup is similar to steps mentioned in Cloud [here](/integrations#wordpress), just change the API Host to your self-hosted URL.
+- Wordpress: Wordpress setup is similar to the [Cloud setup](/developer-docs/integrations/wordpress), just change the API Host to your self-hosted URL.
 - [Zapier](#zapier)
 
 <Note>
diff --git a/apps/web/app/(app)/environments/[environmentId]/integrations/airtable/components/Connect.tsx b/apps/web/app/(app)/environments/[environmentId]/integrations/airtable/components/Connect.tsx
index 4da988d1e4..a8b89728f2 100644
--- a/apps/web/app/(app)/environments/[environmentId]/integrations/airtable/components/Connect.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/integrations/airtable/components/Connect.tsx
@@ -3,6 +3,7 @@
 import { authorize } from "@/app/(app)/environments/[environmentId]/integrations/airtable/lib/airtable";
 import FormbricksLogo from "@/images/logo.svg";
 import Image from "next/image";
+import Link from "next/link";
 import { useState } from "react";
 
 import { Button } from "@formbricks/ui/Button";
@@ -41,6 +42,12 @@ export const AirtableConnect = ({ environmentId, enabled, webAppUrl }: AirtableC
         {!enabled && (
           <p className="mb-8 rounded border-slate-200 bg-slate-100 p-3 text-sm">
             Airtable Integration is not configured in your instance of Formbricks.
+            <br />
+            Please follow the{" "}
+            <Link href="https://formbricks.com/docs/self-hosting/integrations#airtable" className="underline">
+              docs
+            </Link>{" "}
+            to configure it.
           </p>
         )}
         <Button variant="darkCTA" loading={isConnecting} onClick={handleGoogleLogin} disabled={!enabled}>
diff --git a/apps/web/app/(app)/environments/[environmentId]/integrations/google-sheets/components/Connect.tsx b/apps/web/app/(app)/environments/[environmentId]/integrations/google-sheets/components/Connect.tsx
index e55902efba..c99e6811ae 100644
--- a/apps/web/app/(app)/environments/[environmentId]/integrations/google-sheets/components/Connect.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/integrations/google-sheets/components/Connect.tsx
@@ -44,7 +44,9 @@ export const Connect = ({ enabled, environmentId, webAppUrl }: ConnectProps) =>
             Google Sheets Integration is not configured in your instance of Formbricks.
             <br />
             Please follow the{" "}
-            <Link href="https://formbricks.com/docs/integrations/google-sheets" className="underline">
+            <Link
+              href="https://formbricks.com/docs/self-hosting/integrations#google-sheets"
+              className="underline">
               docs
             </Link>{" "}
             to configure it.
diff --git a/apps/web/app/(app)/environments/[environmentId]/integrations/notion/components/Connect.tsx b/apps/web/app/(app)/environments/[environmentId]/integrations/notion/components/Connect.tsx
index efa05c6d1f..1206678cb8 100644
--- a/apps/web/app/(app)/environments/[environmentId]/integrations/notion/components/Connect.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/integrations/notion/components/Connect.tsx
@@ -54,7 +54,7 @@ export const Connect = ({ enabled, environmentId, webAppUrl }: ConnectProps) =>
             Notion Integration is not configured in your instance of Formbricks.
             <br />
             Please follow the{" "}
-            <Link href="https://formbricks.com/docs/integrations/notion" className="underline">
+            <Link href="https://formbricks.com/docs/self-hosting/integrations#notion" className="underline">
               docs
             </Link>{" "}
             to configure it.
diff --git a/apps/web/app/(app)/environments/[environmentId]/integrations/slack/components/Connect.tsx b/apps/web/app/(app)/environments/[environmentId]/integrations/slack/components/Connect.tsx
index ca76d9727a..78274e4a75 100644
--- a/apps/web/app/(app)/environments/[environmentId]/integrations/slack/components/Connect.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/integrations/slack/components/Connect.tsx
@@ -56,7 +56,7 @@ export const Connect = ({ isEnabled, environmentId, webAppUrl }: ConnectProps) =
             Slack Integration is not configured in your instance of Formbricks.
             <br />
             Please follow the{" "}
-            <Link href="https://formbricks.com/docs/integrations/slack" className="underline">
+            <Link href="https://formbricks.com/docs/self-hosting/integrations#slack" className="underline">
               docs
             </Link>{" "}
             to configure it.