From c21cf4bb56de07428a68b6739988b9e2c79b2c50 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Sat, 22 Jul 2023 09:43:17 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(inputListComponent):=20impor?=
 =?UTF-8?q?t=20useContext=20from=20react=20to=20fix=20missing=20import=20e?=
 =?UTF-8?q?rror=20=F0=9F=90=9B=20fix(inputListComponent):=20import=20set?=
 =?UTF-8?q?=20from=20lodash=20to=20fix=20missing=20import=20error=20?=
 =?UTF-8?q?=E2=9C=A8=20feat(inputListComponent):=20add=20PopUpContext=20im?=
 =?UTF-8?q?port=20to=20use=20closeEdit=20function=20=F0=9F=90=9B=20fix(inp?=
 =?UTF-8?q?utListComponent):=20add=20useEffect=20to=20update=20inputList?=
 =?UTF-8?q?=20state=20when=20value=20prop=20changes=20=F0=9F=90=9B=20fix(E?=
 =?UTF-8?q?ditNodeModal):=20import=20getRandomKeyByssmm=20from=20utils=20t?=
 =?UTF-8?q?o=20fix=20missing=20import=20error=20=E2=9C=A8=20feat(EditNodeM?=
 =?UTF-8?q?odal):=20add=20PopUpContext=20import=20to=20use=20setCloseEdit?=
 =?UTF-8?q?=20function=20=F0=9F=90=9B=20fix(EditNodeModal):=20add=20useEff?=
 =?UTF-8?q?ect=20to=20reset=20myData=20state=20when=20modalOpen=20prop=20c?=
 =?UTF-8?q?hanges?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/inputListComponent/index.tsx      | 12 ++++++++++--
 src/frontend/src/modals/EditNodeModal/index.tsx      |  6 +++++-
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/components/inputListComponent/index.tsx b/src/frontend/src/components/inputListComponent/index.tsx
index 7a691f74c..78912d466 100644
--- a/src/frontend/src/components/inputListComponent/index.tsx
+++ b/src/frontend/src/components/inputListComponent/index.tsx
@@ -1,8 +1,9 @@
-import { useEffect, useState } from "react";
+import { useEffect, useState, useContext } from "react";
 import { InputListComponentType } from "../../types/components";
 
-import _ from "lodash";
+import _, { set } from "lodash";
 import IconComponent from "../genericIconComponent";
+import { PopUpContext } from "../../contexts/popUpContext";
 
 export default function InputListComponent({
   value,
@@ -12,6 +13,13 @@ export default function InputListComponent({
   onAddInput,
 }: InputListComponentType) {
   const [inputList, setInputList] = useState(value ?? [""]);
+  const { closeEdit } = useContext(PopUpContext);
+
+  useEffect(() => {
+    if (value) {
+      setInputList(value);
+    }
+  }, [closeEdit]);
 
   useEffect(() => {
     if (disabled) {
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index 3e1cd32a3..2bd35b40b 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -25,8 +25,9 @@ import { limitScrollFieldsModal } from "../../constants/constants";
 import { TabsContext } from "../../contexts/tabsContext";
 import { typesContext } from "../../contexts/typesContext";
 import { NodeDataType } from "../../types/flow";
-import { classNames } from "../../utils/utils";
+import { classNames, getRandomKeyByssmm } from "../../utils/utils";
 import BaseModal from "../baseModal";
+import { PopUpContext } from "../../contexts/popUpContext";
 
 const EditNodeModal = forwardRef(
   (
@@ -47,6 +48,7 @@ const EditNodeModal = forwardRef(
     const [myData, setMyData] = useState(data);
     const { setTabsState, tabId } = useContext(TabsContext);
     const { reactFlowInstance } = useContext(typesContext);
+    const { setCloseEdit } = useContext(PopUpContext);
 
     let disabled =
       reactFlowInstance?.getEdges().some((e) => e.targetHandle === data.id) ??
@@ -70,8 +72,10 @@ const EditNodeModal = forwardRef(
 
     useEffect(() => {
       setMyData(data); // reset data to what it is on node when opening modal
+      setCloseEdit(getRandomKeyByssmm().toString());
     }, [modalOpen]);
 
+
     return (
       <BaseModal size="large-h-full" open={modalOpen} setOpen={setModalOpen}>
         <BaseModal.Trigger>{children}</BaseModal.Trigger>