From e9fc02f700b5226e7168623cde9095b5373d8f8a Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 6 Jun 2024 10:46:40 -0300
Subject: [PATCH] Used data to trigger table re-render

---
 .../src/modals/editNodeModal/hooks/use-column-defs.tsx    | 7 +++----
 .../src/modals/editNodeModal/hooks/use-row-data.tsx       | 8 ++++----
 src/frontend/src/modals/editNodeModal/index.tsx           | 4 ++--
 3 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/modals/editNodeModal/hooks/use-column-defs.tsx b/src/frontend/src/modals/editNodeModal/hooks/use-column-defs.tsx
index 6e3f24278..2cf57921b 100644
--- a/src/frontend/src/modals/editNodeModal/hooks/use-column-defs.tsx
+++ b/src/frontend/src/modals/editNodeModal/hooks/use-column-defs.tsx
@@ -4,7 +4,6 @@ import TableAutoCellRender from "../../../components/tableComponent/components/t
 import TableNodeCellRender from "../../../components/tableComponent/components/tableNodeCellRender";
 import TableToggleCellRender from "../../../components/tableComponent/components/tableToggleCellRender";
 import TableTooltipRender from "../../../components/tableComponent/components/tableTooltipRender";
-import TableMultilineCellRender from "../../../components/tableComponent/components/tableMultilineCellRender";
 
 const useColumnDefs = (
   myData: any,
@@ -51,10 +50,10 @@ const useColumnDefs = (
         valueGetter: (params: ValueGetterParams) => {
           return {
             value: params.data.value,
-            nodeClass: myData.current.node,
+            nodeClass: myData.node,
             handleOnNewValue: handleOnNewValue,
             handleOnChangeDb: (value, key) => {
-              myData.current.node!.template[key].load_from_db = value;
+              myData.node!.template[key].load_from_db = value;
             },
           };
         },
@@ -83,7 +82,7 @@ const useColumnDefs = (
         cellClass: "no-border",
       },
     ],
-    [open],
+    [open, myData],
   );
 
   return columnDefs;
diff --git a/src/frontend/src/modals/editNodeModal/hooks/use-row-data.tsx b/src/frontend/src/modals/editNodeModal/hooks/use-row-data.tsx
index d2ff622a6..cafd25c6d 100644
--- a/src/frontend/src/modals/editNodeModal/hooks/use-row-data.tsx
+++ b/src/frontend/src/modals/editNodeModal/hooks/use-row-data.tsx
@@ -4,9 +4,9 @@ import { TemplateVariableType } from "../../../types/api";
 
 const useRowData = (myData, open) => {
   const rowData = useMemo(() => {
-    return Object.keys(myData.current.node!.template)
+    return Object.keys(myData.node!.template)
       .filter((key: string) => {
-        const templateParam = myData.current.node!.template[
+        const templateParam = myData.node!.template[
           key
         ] as TemplateVariableType;
         return (
@@ -20,7 +20,7 @@ const useRowData = (myData, open) => {
         );
       })
       .map((key: string) => {
-        const templateParam = myData.current.node!.template[
+        const templateParam = myData.node!.template[
           key
         ] as TemplateVariableType;
         return {
@@ -29,7 +29,7 @@ const useRowData = (myData, open) => {
           id: key,
         };
       });
-  }, [open]);
+  }, [open, myData]);
 
   return rowData;
 };
diff --git a/src/frontend/src/modals/editNodeModal/index.tsx b/src/frontend/src/modals/editNodeModal/index.tsx
index a3149b115..d401b9875 100644
--- a/src/frontend/src/modals/editNodeModal/index.tsx
+++ b/src/frontend/src/modals/editNodeModal/index.tsx
@@ -38,10 +38,10 @@ const EditNodeModal = forwardRef(
       myData.current.node!.template[name].value = newValue;
     };
 
-    const rowData = useRowData(myData, open);
+    const rowData = useRowData(data, open);
 
     const columnDefs: ColDef[] = useColumnDefs(
-      myData,
+      data,
       handleOnNewValue,
       changeAdvanced,
       open,