Create documentation for Destination namespace example settings

- Added "Learn more" link to documentation namespace
airbytehq · Dec 8, 2022 · 9ed8e09 · 9ed8e09
1 parent dc71194
commit 9ed8e09
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 1 deletion.
diff --git a/...src/components/connection/DestinationNamespaceModal/DestinationNamespaceModal.module.scss b/...src/components/connection/DestinationNamespaceModal/DestinationNamespaceModal.module.scss
@@ -3,7 +3,7 @@
 
 .content {
   display: flex;
-  height: 340px;
+  height: 360px;
 }
 
 .actions, .description {
@@ -41,4 +41,13 @@
     color: colors.$grey;
     margin: variables.$spacing-lg 0;
   }
+
+  .namespaceLink {
+    padding-top: variables.$spacing-lg;
+    color: colors.$blue;
+
+    .text {
+      color: colors.$blue;
+    }
+  }
 }
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
@@ -173,6 +173,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",