fix(ui): connect: transforms json is not displaying at edit panel (#377)

close #364
tchiotludo · Aug 28, 2020 · 8c908c9 · 8c908c9
1 parent 20eb5fd
commit 8c908c9
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/client/src/containers/Connect/ConnectDetail/ConnectConfigs/ConnectConfigs.jsx b/client/src/containers/Connect/ConnectDetail/ConnectConfigs/ConnectConfigs.jsx
@@ -73,7 +73,7 @@ class ConnectConfigs extends Form {
       formData[definition.name] = this.getConfigValue(definition.name);
       this.schema[definition.name] = this.handleDefinition(definition);
       if (definition.name === 'transforms') {
-        formData['transformsprops'] = '{}';
+        formData['transformsprops'] = this.getTransformAdditionalProperties() || '{}';
         this.schema['transformsprops'] = Joi.object().required();
       }
     });
@@ -87,6 +87,17 @@ class ConnectConfigs extends Form {
     return existingConfig ? configs[existingConfig] : '';
   };
 
+  getTransformAdditionalProperties() {
+    const { configs } = this.state;
+    const filtered = Object.keys(configs).filter(configKey => configKey.startsWith('transforms.'))
+        .reduce((obj, configKey) => {
+          obj[configKey] = configs[configKey];
+          return obj;
+        }, {});
+    return JSON.stringify(filtered, null, 2);
+  };
+
+
   handleDefinition = definition => {
     let def = '';
     if (definition.required) {