From 96039eefd47771bc960f7e941935bb5f4862b3a1 Mon Sep 17 00:00:00 2001
From: MilosPaunovic <paun992@hotmail.com>
Date: Tue, 18 Feb 2025 10:35:31 +0100
Subject: [PATCH] fix(ui): improve mofiying inputs from no code editor

---
 ui/src/components/flows/MetadataInputs.vue        |  6 +++---
 ui/src/components/flows/MetadataInputsContent.vue | 10 +++-------
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/ui/src/components/flows/MetadataInputs.vue b/ui/src/components/flows/MetadataInputs.vue
index 39e1f7fec20..cc67a80fe6c 100644
--- a/ui/src/components/flows/MetadataInputs.vue
+++ b/ui/src/components/flows/MetadataInputs.vue
@@ -8,14 +8,14 @@
             @click="selectInput(input, index)"
         >
             <el-col :span="24" class="d-flex">
-                <InputText disabled :model-value="input.id" class="w-100" />
+                <InputText readonly :model-value="input.id" class="w-100" />
                 <DeleteOutline
                     @click.prevent.stop="deleteInput(index)"
                     class="ms-2 delete"
                 />
             </el-col>
         </el-row>
-        <Add @add="addInput(index)" />
+        <Add @add="addInput()" />
     </div>
 </template>
 
@@ -127,7 +127,7 @@
             },
             addInput() {
                 this.newInputs.push({type: "STRING"});
-                this.selectInput(this.newInputs.at(-1), 0);
+                this.selectInput(this.newInputs.at(-1), this.newInputs.length - 1);
             },
             onChangeType(value) {
                 this.loading = true;
diff --git a/ui/src/components/flows/MetadataInputsContent.vue b/ui/src/components/flows/MetadataInputsContent.vue
index 610029fc7ea..a9022071599 100644
--- a/ui/src/components/flows/MetadataInputsContent.vue
+++ b/ui/src/components/flows/MetadataInputsContent.vue
@@ -112,14 +112,10 @@
             addInput() {
                 this.newInputs.push({type: "STRING"});
             },
-            onChangeType(value) {
+            onChangeType(type) {
                 this.loading = true;
-                this.selectedInput = {
-                    type: value,
-                    id: this.newInputs[this.selectedIndex].id,
-                };
-                this.newInputs[this.selectedIndex] = this.selectedInput;
-                this.loadSchema(value);
+                this.newInputs[this.selectedIndex].type = type;
+                this.loadSchema(type);
             },
         },
     };