From 9424d5738a3c9d3b32b7dc84220217767c0a4321 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 28 Aug 2023 17:12:28 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(parameterComponent):=20add?=
 =?UTF-8?q?=20missing=20prop=20'editNode'=20to=20KeypairListComponent=20to?=
 =?UTF-8?q?=20fix=20component=20rendering=20issue=20=F0=9F=90=9B=20fix(Edi?=
 =?UTF-8?q?tNodeModal):=20import=20KeypairListComponent=20to=20fix=20missi?=
 =?UTF-8?q?ng=20import=20error=20=E2=9C=A8=20feat(EditNodeModal):=20add=20?=
 =?UTF-8?q?support=20for=20editing=20keypair=20type=20template=20parameter?=
 =?UTF-8?q?s=20by=20adding=20KeypairListComponent=20and=20handling=20new?=
 =?UTF-8?q?=20values?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/parameterComponent/index.tsx   |  1 +
 .../src/modals/EditNodeModal/index.tsx        | 23 +++++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 0b577ed65..afdaa397a 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -363,6 +363,7 @@ export default function ParameterComponent({
           <div className="mt-2 w-full">
           <KeypairListComponent
           disabled={disabled}
+          editNode={false}
           value={
             arrayOfObjects
           }
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index e8a9308b7..66973a343 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -8,6 +8,7 @@ import InputComponent from "../../components/inputComponent";
 import InputFileComponent from "../../components/inputFileComponent";
 import InputListComponent from "../../components/inputListComponent";
 import IntComponent from "../../components/intComponent";
+import KeypairListComponent from "../../components/keypairListComponent";
 import PromptAreaComponent from "../../components/promptComponent";
 import TextAreaComponent from "../../components/textAreaComponent";
 import ToggleShadComponent from "../../components/toggleShadComponent";
@@ -78,6 +79,18 @@ const EditNodeModal = forwardRef(
       setMyData(data); // reset data to what it is on node when opening modal
     }, [modalOpen]);
 
+    const [arrayOfObjects, setArrayOfObjects] = useState([
+      { key1: "value1", key2: "value2" },
+      { key3: "value3", key4: "value4" },
+      { key5: "value5", key6: "value6" },
+    ]);
+
+    const handleOnNewValueTest = (newValue): void => {
+      let newData = cloneDeep(arrayOfObjects);
+      newData = newValue;
+      setArrayOfObjects(newData);
+    };
+
     return (
       <BaseModal size="large-h-full" open={modalOpen} setOpen={setModalOpen}>
         <BaseModal.Trigger>{children}</BaseModal.Trigger>
@@ -336,6 +349,16 @@ const EditNodeModal = forwardRef(
                                     }}
                                   />
                                 </div>
+                              ) : myData.node?.template[templateParam].type ===
+                                "keypair" ? (
+                                <div className="mt-2 w-full">
+                                  <KeypairListComponent
+                                    disabled={disabled}
+                                    value={arrayOfObjects}
+                                    onChange={handleOnNewValueTest}
+                                    editNode={true}
+                                  />
+                                </div>
                               ) : myData.node?.template[templateParam].type ===
                                 "Any" ? (
                                 "-"