From b9d1173965e28a9bd98d6ce45e1153c83afecbf8 Mon Sep 17 00:00:00 2001
From: ryanwong <wongryan2001@gmail.com>
Date: Fri, 15 Nov 2024 06:22:30 -0500
Subject: [PATCH] still doesnt work

---
 src/components/ConfigPanel.tsx | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/ConfigPanel.tsx b/src/components/ConfigPanel.tsx
index 1e8e9b6..6094e14 100644
--- a/src/components/ConfigPanel.tsx
+++ b/src/components/ConfigPanel.tsx
@@ -51,14 +51,21 @@ export function ConfigPanel({ node, onClose, onUpdateNode }: ConfigPanelProps) {
   };
 
   const addField = (arrayName: string) => {
-    if (!newField.name.trim()) return;
+    const fieldToAdd = arrayName === "queryFields" ? newQueryField : newField;
+    if (!fieldToAdd.name.trim()) return;
 
-    const array = [...(node.data[arrayName] || []), { ...newField }];
+    const array = [...(node.data[arrayName] || []), { ...fieldToAdd }];
     onUpdateNode(node.id, {
       ...node.data,
       [arrayName]: array,
     });
-    setNewField({ name: "", type: "string" });
+
+    // Reset the appropriate state
+    if (arrayName === "queryFields") {
+      setNewQueryField({ name: "", type: "string" });
+    } else {
+      setNewField({ name: "", type: "string" });
+    }
   };
 
   const removeField = (index: number, arrayName: string) => {
@@ -362,13 +369,13 @@ export function ConfigPanel({ node, onClose, onUpdateNode }: ConfigPanelProps) {
                 <button
                   onClick={() => {
                     if (newQueryField.name.trim()) {
-                      const array = [
+                      const updatedQueryFields = [
                         ...(node.data.queryFields || []),
                         { ...newQueryField },
                       ];
                       onUpdateNode(node.id, {
                         ...node.data,
-                        queryFields: array,
+                        queryFields: updatedQueryFields,
                       });
                       setNewQueryField({ name: "", type: "string" });
                     }