🪟 🎨 Link to macros available for interpolation (#7204)

airbytehq · Jun 15, 2023 · a18d3e1 · a18d3e1
1 parent 17fcb77
commit a18d3e1
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/manifestHelpers.tsx b/airbyte-webapp/src/components/connectorBuilder/Builder/manifestHelpers.tsx
@@ -65,6 +65,16 @@ export function getLabelAndTooltip(
             </li>
           ))}
         </ul>
+        <FormattedMessage
+          id="connectorBuilder.interpolationMacros"
+          values={{
+            a: (node: React.ReactNode) => (
+              <a href={links.interpolationMacroDocs} target="_blank" rel="noreferrer">
+                {node}
+              </a>
+            ),
+          }}
+        />
       </>
     );
   }

diff --git a/airbyte-webapp/src/locales/en.json b/airbyte-webapp/src/locales/en.json
@@ -933,6 +933,7 @@
   "connectorBuilder.resolvingStreamList": "Checking configuration",
   "connectorBuilder.documentationLink": "Open documentation in separate tab",
   "connectorBuilder.interpolationHeading": "Variables available for interpolation",
+  "connectorBuilder.interpolationMacros": "See macros available for interpolation <a>here</a>",
   "connectorBuilder.maxLength": "Must be at most 256 characters",
   "connectorBuilder.slackChannel": "#help-connector-development",
   "connectorBuilder.slackChannelTooltip": "Ask any questions or provide feedback in our public slack channel",

diff --git a/airbyte-webapp/src/utils/links.ts b/airbyte-webapp/src/utils/links.ts
@@ -49,6 +49,7 @@ export const links = {
   connectorBuilderTransformations: `${BASE_DOCS_LINK}/connector-development/connector-builder-ui/record-processing#transformations`,
   connectorBuilderTutorial: `${BASE_DOCS_LINK}/connector-development/connector-builder-ui/tutorial`,
   interpolationVariableDocs: `${BASE_DOCS_LINK}/connector-development/config-based/understanding-the-yaml-file/reference`,
+  interpolationMacroDocs: `${BASE_DOCS_LINK}/connector-development/config-based/understanding-the-yaml-file/reference#macros`,
   creditDescription: "https://airbyte.com/pricing#what-is-a-credit",
 } as const;