diff --git a/airbyte-webapp/src/components/connection/DestinationNamespaceModal/DestinationNamespaceModal.module.scss b/airbyte-webapp/src/components/connection/DestinationNamespaceModal/DestinationNamespaceModal.module.scss index 7b145f2bb0b856..552ccff8bee9a9 100644 --- a/airbyte-webapp/src/components/connection/DestinationNamespaceModal/DestinationNamespaceModal.module.scss +++ b/airbyte-webapp/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/airbyte-webapp/src/components/connection/DestinationNamespaceModal/DestinationNamespaceModal.tsx b/airbyte-webapp/src/components/connection/DestinationNamespaceModal/DestinationNamespaceModal.tsx index 48587c2e580fe3..d72ee5b0d31b10 100644 --- a/airbyte-webapp/src/components/connection/DestinationNamespaceModal/DestinationNamespaceModal.tsx +++ b/airbyte-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 + + + + + diff --git a/airbyte-webapp/src/locales/en.json b/airbyte-webapp/src/locales/en.json index 2f841fc67ebc6a..45c94097c32c92 100644 --- a/airbyte-webapp/src/locales/en.json +++ b/airbyte-webapp/src/locales/en.json @@ -173,6 +173,7 @@ "connectionForm.modal.destinationNamespace.table.data.exampleSourceNamespace": "\"$SOURCE_NAMESPACE\"", "connectionForm.modal.destinationNamespace.table.data.exampleMySourceNamespace": "\"my_$SOURCE_NAMESPACE_schema\"", "connectionForm.modal.destinationNamespace.table.data.custom": "custom", + "connectionForm.modal.destinationNamespace.learnMore.link": "Learn more", "connectionForm.modal.destinationStreamNames.title": "Destination stream names", "connectionForm.modal.destinationStreamNames.radioButton.mirror": "Mirror source name",