🪟 🎨 Connector Builder: Set better modal title when copying stream (#6…

…229)
airbytehq · Apr 27, 2023 · a2df194 · a2df194
1 parent 966ca0f
commit a2df194
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/AddStreamButton.tsx b/airbyte-webapp/src/components/connectorBuilder/Builder/AddStreamButton.tsx
@@ -32,13 +32,15 @@ interface AddStreamButtonProps {
   button?: React.ReactElement;
   initialValues?: Partial<BuilderStream>;
   "data-testid"?: string;
+  modalTitle?: string;
 }
 
 export const AddStreamButton: React.FC<AddStreamButtonProps> = ({
   onAddStream,
   button,
   initialValues,
   "data-testid": testId,
+  modalTitle,
 }) => {
   const analyticsService = useAnalyticsService();
   const { hasErrors } = useBuilderErrors();
@@ -110,7 +112,7 @@ export const AddStreamButton: React.FC<AddStreamButtonProps> = ({
             <FormikPatch />
             <Modal
               size="sm"
-              title={<FormattedMessage id="connectorBuilder.addStreamModal.title" />}
+              title={modalTitle ?? <FormattedMessage id="connectorBuilder.addStreamModal.title" />}
               onClose={() => {
                 setIsOpen(false);
               }}

diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/StreamConfigView.tsx b/airbyte-webapp/src/components/connectorBuilder/Builder/StreamConfigView.tsx
@@ -192,6 +192,10 @@ const StreamControls = ({
             <FontAwesomeIcon icon={faCopy} />
           </button>
         }
+        modalTitle={formatMessage(
+          { id: "connectorBuilder.copyStreamModal.title" },
+          { name: field.value[streamNum].name }
+        )}
       />
       <button className={classNames(styles.deleteButton, styles.controlButton)} type="button" onClick={handleDelete}>
         <FontAwesomeIcon icon={faTrashCan} />

diff --git a/airbyte-webapp/src/locales/en.json b/airbyte-webapp/src/locales/en.json
@@ -764,6 +764,7 @@
   "connectorBuilder.addStreamModal.streamNameTooltip": "Name of the new stream",
   "connectorBuilder.addStreamModal.urlPathLabel": "URL path",
   "connectorBuilder.addStreamModal.urlPathTooltip": "URL path of the endpoint for this stream",
+  "connectorBuilder.copyStreamModal.title": "Duplicate {name} stream",
   "connectorBuilder.deleteStreamModal.title": "Delete stream",
   "connectorBuilder.deleteStreamModal.text": "Are you sure you want to delete this stream?",
   "connectorBuilder.deleteStreamModal.submitButton": "Delete",