🪟 ✍🏼 Fix namespace modal description (#21679)

* Fix typos and wording in namespace modal text

* Fix namespace description and ad support for customformat description

* Add more clarity to the source namespace description

Author: edmundito

airbyte-webapp/src/components/connection/DestinationNamespaceModal/DestinationNamespaceModal.tsx

@@ -133,13 +133,13 @@ export const DestinationNamespaceModal: React.FC<DestinationNamespaceModalProps>
               </div>
             </div>
             <div className={styles.description}>
-              {values.namespaceDefinition === NamespaceDefinitionType.source && (
-                <FormattedMessage id="connectionForm.modal.destinationNamespace.option.source.description" />
-              )}
-              {(values.namespaceDefinition === NamespaceDefinitionType.destination ||
-                values.namespaceDefinition === NamespaceDefinitionType.customformat) && (
-                <FormattedMessage id="connectionForm.modal.destinationNamespace.option.destination.description" />
-              )}
+              <FormattedMessage
+                id={`connectionForm.modal.destinationNamespace.option.${
+                  values.namespaceDefinition === NamespaceDefinitionType.customformat
+                    ? "customFormat"
+                    : values.namespaceDefinition
+                }.description`}
+              />
               <Text className={styles.generalInfo}>
                 <FormattedMessage id="connectionForm.modal.destinationNamespace.description" />
               </Text>

airbyte-webapp/src/locales/en.json

@@ -164,12 +164,13 @@
   "connectionForm.modal.destinationNamespace.option.destination": "Destination default",
   "connectionForm.modal.destinationNamespace.option.customFormat": "Custom format",
   "connectionForm.modal.destinationNamespace.input.placeholder": "My namespace",
-  "connectionForm.modal.destinationNamespace.option.source.description": "Replicate to the default namespace in the destination, which will differ based on your destination.",
-  "connectionForm.modal.destinationNamespace.option.destination.description": "All stream will be replicated and store in the default namespace defined on the destination settings page.",
-  "connectionForm.modal.destinationNamespace.description": "The following table summarises how this works. We assume an example of replication configurations between a Postgres Source and Snowflake Destination (with settings of schema = \"my_schema\"):",
+  "connectionForm.modal.destinationNamespace.option.source.description": "Replicate the stream's source namespace in the destination.",
+  "connectionForm.modal.destinationNamespace.option.destination.description": "Replicate and store in the default namespace defined in the destination settings.",
+  "connectionForm.modal.destinationNamespace.option.customFormat.description": "Create a \"custom format\" to rename the namespace that your data will be replicated into.",
+  "connectionForm.modal.destinationNamespace.description": "Below is an example of how your data will be replicated with this namespace setting. This example assumes a Postgres Source and a Snowflake Destination with the schema set to \"my_schema\".",
   "connectionForm.modal.destinationNamespace.table.header.sourceNamespace": "Source namespace",
   "connectionForm.modal.destinationNamespace.table.header.destinationNamespace": "Destination namespace",
-  "connectionForm.modal.destinationNamespace.table.header.customFormat": "Custom format=",
+  "connectionForm.modal.destinationNamespace.table.header.customFormat": "Custom format",
   "connectionForm.modal.destinationNamespace.table.data.public": "public",
   "connectionForm.modal.destinationNamespace.table.data.mySchema": "my_schema",
   "connectionForm.modal.destinationNamespace.table.data.myPublicSchema": "my_public_schema",