From 9d9a1177f285573f7bcdc53fffda9b476623e009 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Thu, 28 Sep 2023 18:41:26 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(EditNodeModal):=20setAdv=20s?=
 =?UTF-8?q?tate=20variable=20to=20null=20initially=20to=20avoid=20undefine?=
 =?UTF-8?q?d=20value=20=F0=9F=90=9B=20fix(types):=20change=20advanced=20pr?=
 =?UTF-8?q?op=20type=20in=20KeyPairListComponentType=20to=20allow=20null?=
 =?UTF-8?q?=20value?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/modals/EditNodeModal/index.tsx        |  8 +++---
 src/frontend/src/types/components/index.ts    | 26 +++++++++----------
 2 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index d4707c140..aba6f2db4 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -76,6 +76,7 @@ const EditNodeModal = forwardRef(
     function changeAdvanced(n) {
       myData.current.node!.template[n].advanced =
         !myData.current.node!.template[n].advanced;
+      setAdv(!adv);
     }
 
     const handleOnNewValue = (newValue: any, name) => {
@@ -88,6 +89,7 @@ const EditNodeModal = forwardRef(
     }, [modalOpen]);
 
     const [errorDuplicateKey, setErrorDuplicateKey] = useState(false);
+    const [adv, setAdv] = useState<boolean | null>(null);
 
     return (
       <BaseModal
@@ -266,11 +268,7 @@ const EditNodeModal = forwardRef(
                                   )}
                                 >
                                   <KeypairListComponent
-                                    advanced={
-                                      myData.current.node?.template[
-                                        templateParam
-                                      ].advanced
-                                    }
+                                    advanced={adv}
                                     disabled={disabled}
                                     editNode={true}
                                     value={
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index d97c4ef5d..b2d9db7be 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -61,7 +61,7 @@ export type KeyPairListComponentType = {
   disabled: boolean;
   editNode?: boolean;
   duplicateKey?: boolean;
-  advanced?: boolean;
+  advanced?: boolean | null;
 };
 
 export type DictComponentType = {
@@ -135,18 +135,18 @@ export type TooltipComponentType = {
   children: ReactElement;
   title: string | ReactElement;
   placement?:
-    | "bottom-end"
-    | "bottom-start"
-    | "bottom"
-    | "left-end"
-    | "left-start"
-    | "left"
-    | "right-end"
-    | "right-start"
-    | "right"
-    | "top-end"
-    | "top-start"
-    | "top";
+  | "bottom-end"
+  | "bottom-start"
+  | "bottom"
+  | "left-end"
+  | "left-start"
+  | "left"
+  | "right-end"
+  | "right-start"
+  | "right"
+  | "top-end"
+  | "top-start"
+  | "top";
 };
 
 export type ProgressBarType = {