From ee4e55ddbebb9e221e7594fa4e0c5d775496d57b Mon Sep 17 00:00:00 2001 From: Wenxi Onyx Date: Wed, 17 Sep 2025 15:30:03 -0700 Subject: [PATCH 1/4] add docs link to connector creation card --- .../[connector]/AddConnectorPage.tsx | 21 ++++++++++++++++++- 1 file changed, 20 insertions(+), 1 deletion(-) diff --git a/web/src/app/admin/connectors/[connector]/AddConnectorPage.tsx b/web/src/app/admin/connectors/[connector]/AddConnectorPage.tsx index a9ac1a0411f..44c9ea87e0e 100644 --- a/web/src/app/admin/connectors/[connector]/AddConnectorPage.tsx +++ b/web/src/app/admin/connectors/[connector]/AddConnectorPage.tsx @@ -8,7 +8,11 @@ import { AdminPageTitle } from "@/components/admin/Title"; import { buildSimilarCredentialInfoURL } from "@/app/admin/connector/[ccPairId]/lib"; import { usePopup } from "@/components/admin/connectors/Popup"; import { useFormContext } from "@/components/context/FormContext"; -import { getSourceDisplayName, getSourceMetadata } from "@/lib/sources"; +import { + getSourceDisplayName, + getSourceDocLink, + getSourceMetadata, +} from "@/lib/sources"; import { SourceIcon } from "@/components/SourceIcon"; import { useEffect, useRef, useState } from "react"; import { deleteCredential, linkCredential } from "@/lib/credential"; @@ -219,6 +223,7 @@ export default function AddConnector({ }; const displayName = getSourceDisplayName(connector) || connector; + const docsLink = getSourceDocLink(connector); if (!credentials || !editableCredentials) { return <>; } @@ -640,6 +645,20 @@ export default function AddConnector({ null } /> + {docsLink && ( +

+ Check our + + {" "} + docs{" "} + + for information on setting up this connector. +

+ )} )} From 409ea01afa1c1cd6fdf215f8993ed9d2fc8ceea8 Mon Sep 17 00:00:00 2001 From: Wenxi Onyx Date: Wed, 17 Sep 2025 15:30:44 -0700 Subject: [PATCH 2/4] add docs link to connector creation card --- .../app/admin/connectors/[connector]/AddConnectorPage.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/web/src/app/admin/connectors/[connector]/AddConnectorPage.tsx b/web/src/app/admin/connectors/[connector]/AddConnectorPage.tsx index 44c9ea87e0e..8ff6489923f 100644 --- a/web/src/app/admin/connectors/[connector]/AddConnectorPage.tsx +++ b/web/src/app/admin/connectors/[connector]/AddConnectorPage.tsx @@ -647,16 +647,16 @@ export default function AddConnector({ /> {docsLink && (

- Check our + Check out {" "} - docs{" "} + our docs{" "} - for information on setting up this connector. + for more information on setting up this connector.

)} From f9bcf160f7caf118dd4b4d36618a2bce70f92378 Mon Sep 17 00:00:00 2001 From: Wenxi Onyx Date: Wed, 17 Sep 2025 15:37:47 -0700 Subject: [PATCH 3/4] add docs link to connector creation card --- .../[connector]/AddConnectorPage.tsx | 23 ++----------- .../admin/connectors/ConnectorDocsLink.tsx | 33 +++++++++++++++++++ .../credentials/actions/CreateCredential.tsx | 17 ++-------- 3 files changed, 38 insertions(+), 35 deletions(-) create mode 100644 web/src/components/admin/connectors/ConnectorDocsLink.tsx diff --git a/web/src/app/admin/connectors/[connector]/AddConnectorPage.tsx b/web/src/app/admin/connectors/[connector]/AddConnectorPage.tsx index 8ff6489923f..ee32333b2f5 100644 --- a/web/src/app/admin/connectors/[connector]/AddConnectorPage.tsx +++ b/web/src/app/admin/connectors/[connector]/AddConnectorPage.tsx @@ -8,11 +8,7 @@ import { AdminPageTitle } from "@/components/admin/Title"; import { buildSimilarCredentialInfoURL } from "@/app/admin/connector/[ccPairId]/lib"; import { usePopup } from "@/components/admin/connectors/Popup"; import { useFormContext } from "@/components/context/FormContext"; -import { - getSourceDisplayName, - getSourceDocLink, - getSourceMetadata, -} from "@/lib/sources"; +import { getSourceDisplayName, getSourceMetadata } from "@/lib/sources"; import { SourceIcon } from "@/components/SourceIcon"; import { useEffect, useRef, useState } from "react"; import { deleteCredential, linkCredential } from "@/lib/credential"; @@ -63,6 +59,7 @@ import { CreateStdOAuthCredential } from "@/components/credentials/actions/Creat import { Spinner } from "@/components/Spinner"; import { Button } from "@/components/ui/button"; import { deleteConnector } from "@/lib/connector"; +import ConnectorDocsLink from "@/components/admin/connectors/ConnectorDocsLink"; export interface AdvancedConfig { refreshFreq: number; @@ -223,7 +220,6 @@ export default function AddConnector({ }; const displayName = getSourceDisplayName(connector) || connector; - const docsLink = getSourceDocLink(connector); if (!credentials || !editableCredentials) { return <>; } @@ -645,20 +641,7 @@ export default function AddConnector({ null } /> - {docsLink && ( -

- Check out - - {" "} - our docs{" "} - - for more information on setting up this connector. -

- )} + )} diff --git a/web/src/components/admin/connectors/ConnectorDocsLink.tsx b/web/src/components/admin/connectors/ConnectorDocsLink.tsx new file mode 100644 index 00000000000..edaf46bfcdf --- /dev/null +++ b/web/src/components/admin/connectors/ConnectorDocsLink.tsx @@ -0,0 +1,33 @@ +import { ValidSources } from "@/lib/types"; +import { getSourceDocLink } from "@/lib/sources"; + +export default function ConnectorDocsLink({ + sourceType, + className, +}: { + sourceType: ValidSources; + className?: string; +}) { + const docsLink = getSourceDocLink(sourceType); + + if (!docsLink) { + return null; + } + + const paragraphClass = ["text-sm", className].filter(Boolean).join(" "); + + return ( +

+ Check out + + {" "} + our docs{" "} + + for more info on configuring this connector. +

+ ); +} diff --git a/web/src/components/credentials/actions/CreateCredential.tsx b/web/src/components/credentials/actions/CreateCredential.tsx index a0356d8c4d1..05c1297d79c 100644 --- a/web/src/components/credentials/actions/CreateCredential.tsx +++ b/web/src/components/credentials/actions/CreateCredential.tsx @@ -6,7 +6,6 @@ import { submitCredential } from "@/components/admin/connectors/CredentialForm"; import { TextFormField } from "@/components/Field"; import { Form, Formik, FormikHelpers } from "formik"; import { PopupSpec } from "@/components/admin/connectors/Popup"; -import { getSourceDocLink } from "@/lib/sources"; import GDriveMain from "@/app/admin/connectors/[connector]/pages/gdrive/GoogleDrivePage"; import { Connector } from "@/lib/connectors/connectors"; import { Credential, credentialTemplates } from "@/lib/connectors/credentials"; @@ -24,6 +23,7 @@ import { useUser } from "@/components/user/UserProvider"; import CardSection from "@/components/admin/CardSection"; import { CredentialFieldsRenderer } from "./CredentialFieldsRenderer"; import { TypedFile } from "@/lib/connectors/fileTypes"; +import ConnectorDocsLink from "@/components/admin/connectors/ConnectorDocsLink"; const CreateButton = ({ onClick, @@ -213,20 +213,7 @@ export default function CreateCredential({ return (
- {!hideSource && ( -

- Check our - - {" "} - docs{" "} - - for information on setting up this connector. -

- )} + {!hideSource && } Date: Wed, 17 Sep 2025 15:42:59 -0700 Subject: [PATCH 4/4] greptile noopener --- web/src/components/admin/connectors/ConnectorDocsLink.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/web/src/components/admin/connectors/ConnectorDocsLink.tsx b/web/src/components/admin/connectors/ConnectorDocsLink.tsx index edaf46bfcdf..7019f95a411 100644 --- a/web/src/components/admin/connectors/ConnectorDocsLink.tsx +++ b/web/src/components/admin/connectors/ConnectorDocsLink.tsx @@ -22,6 +22,7 @@ export default function ConnectorDocsLink({ {" "}