Create documentation for Destination namespace example settings (#20255)

- Added "Learn more" link to documentation namespace
airbytehq · Dec 12, 2022 · 5f4d43d · 5f4d43d
1 parent 55a3288
commit 5f4d43d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/...-webapp/src/components/connection/DestinationNamespaceModal/DestinationNamespaceModal.tsx b/...-webapp/src/components/connection/DestinationNamespaceModal/DestinationNamespaceModal.tsx
@@ -10,6 +10,7 @@ import { ModalBody, ModalFooter } from "components/ui/Modal";
 import { Text } from "components/ui/Text";
 
 import { NamespaceDefinitionType } from "core/request/AirbyteClient";
+import { links } from "utils/links";
 import { FormikConnectionFormValues } from "views/Connection/ConnectionForm/formConfig";
 
 import styles from "./DestinationNamespaceModal.module.scss";
@@ -143,6 +144,11 @@ export const DestinationNamespaceModal: React.FC<DestinationNamespaceModalProps>
                 <FormattedMessage id="connectionForm.modal.destinationNamespace.description" />
               </Text>
               <ExampleSettingsTable namespaceDefinitionType={values.namespaceDefinition} />
+              <a className={styles.namespaceLink} href={links.namespaceLink} target="_blank" rel="noreferrer">
+                <Text className={styles.text} size="xs">
+                  <FormattedMessage id="connectionForm.modal.destinationNamespace.learnMore.link" />
+                </Text>
+              </a>
             </div>
           </ModalBody>
           <ModalFooter>

diff --git a/airbyte-webapp/src/locales/en.json b/airbyte-webapp/src/locales/en.json
@@ -171,6 +171,7 @@
   "connectionForm.modal.destinationNamespace.table.data.exampleSourceNamespace": "\"$<symbol>SOURCE_NAMESPACE</symbol>\"",
   "connectionForm.modal.destinationNamespace.table.data.exampleMySourceNamespace": "\"my_$<symbol>SOURCE_NAMESPACE</symbol>_schema\"",
   "connectionForm.modal.destinationNamespace.table.data.custom": "<symbol>custom</symbol>",
+  "connectionForm.modal.destinationNamespace.learnMore.link": "Learn more",
 
   "connectionForm.modal.destinationStreamNames.title": "Destination stream names",
   "connectionForm.modal.destinationStreamNames.radioButton.mirror": "Mirror source name",