chore: add oauth redirect url callout to builder (#14993)

airbytehq · Jan 13, 2025 · 40be822 · 40be822
1 parent 350af62
commit 40be822
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/AuthenticationSection.tsx b/airbyte-webapp/src/components/connectorBuilder/Builder/AuthenticationSection.tsx
@@ -1,10 +1,11 @@
 import { ComponentProps, useCallback } from "react";
 import { useFormContext, useController } from "react-hook-form";
-import { useIntl } from "react-intl";
+import { FormattedMessage, useIntl } from "react-intl";
 
 import { AssistButton } from "components/connectorBuilder/Builder/Assist/AssistButton";
 import GroupControls from "components/GroupControls";
 import { ControlLabels } from "components/LabeledControl";
+import { Message } from "components/ui/Message";
 
 import {
   HttpRequesterAuthenticator,
@@ -13,6 +14,7 @@ import {
 import { Action, Namespace, useAnalyticsService } from "core/services/analytics";
 import { links } from "core/utils/links";
 import { useExperiment } from "hooks/services/Experiment";
+import { OAUTH_REDIRECT_URL } from "hooks/services/useConnectorAuth";
 import {
   useInitializedBuilderProject,
   useConnectorBuilderFormState,
@@ -333,6 +335,7 @@ const DeclarativeOAuthForm = () => {
           setValue("testingValues", response);
         }}
       />
+      <Message text={<FormattedMessage id="connectorForm.redirectUrl" values={{ url: OAUTH_REDIRECT_URL }} />} />
       <BuilderInputPlaceholder manifestPath="OAuthAuthenticator.properties.client_id" />
       <BuilderInputPlaceholder manifestPath="OAuthAuthenticator.properties.client_secret" />
       <BuilderField

diff --git a/airbyte-webapp/src/locales/en.json b/airbyte-webapp/src/locales/en.json
@@ -356,7 +356,7 @@
   "connectorForm.signInWithGoogle": "Sign in with Google",
   "connectorForm.authenticate.succeeded": "Authentication succeeded!",
   "connectorForm.authenticate.required": "Authentication required",
-  "connectorForm.redirectUrl": "When configuring your OAuth app, set the callback or redirect URL to {url}",
+  "connectorForm.redirectUrl": "When configuring your OAuth app, set the callback or redirect URL to <b>{url}</b>",
   "connectorForm.revoke": "Disconnect",
   "connectorForm.revocation.succeeded": "Your {connector} integration has been disconnected.",
   "connectorForm.reauthenticate": "Re-authenticate",