From 2b10c6337f3ac08ea52e67dbd77f64b0d6d3b4cb Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 13 Oct 2023 01:31:24 -0300
Subject: [PATCH] Fixed state of name and description changers on node

---
 .../src/CustomNodes/GenericNode/index.tsx     | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index c543fb27b..693677d12 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -114,6 +114,14 @@ export default function GenericNode({
     }, 300);
   }, [showNode]);
 
+  useEffect(() => {
+    setNodeDescription(data.node!.description);
+  }, [data.node!.description]);
+
+  useEffect(() => {
+    setNodeName(data.node!.display_name);
+  }, [data.node!.display_name]);
+
   // New useEffect to watch for changes in sseData and update validation status
   useEffect(() => {
     const relevantData = sseData[data.id];
@@ -189,7 +197,6 @@ export default function GenericNode({
                           } else {
                             setNodeName(data.node!.display_name);
                           }
-                          takeSnapshot();
                         }}
                         value={nodeName}
                         onChange={setNodeName}
@@ -201,7 +208,10 @@ export default function GenericNode({
                     <ShadTooltip content={data.node?.display_name}>
                       <div
                         className="generic-node-tooltip-div text-primary"
-                        onDoubleClick={() => setInputName(true)}
+                        onDoubleClick={() => {
+                          setInputName(true);
+                          takeSnapshot();
+                        }}
                       >
                         {data.node?.display_name}
                       </div>
@@ -412,7 +422,10 @@ export default function GenericNode({
             ) : (
               <div
                 className="generic-node-desc-text"
-                onDoubleClick={() => setInputDescription(true)}
+                onDoubleClick={() => {
+                  setInputDescription(true);
+                  takeSnapshot();
+                }}
               >
                 {data.node?.description}
               </div>