From cb74a0fb448f9e305241706d020a65920d719133 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 26 Sep 2023 20:39:26 -0300
Subject: [PATCH] fix(nodeToolbarComponent): add check to disable button when
 nodeLength is 0 to prevent unwanted actions feat(nodeToolbarComponent): add
 event handler to ignore events with "disabled" keyword to prevent unwanted
 actions

---
 .../FlowPage/components/nodeToolbarComponent/index.tsx    | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
index e1e3bd5c4..f84d194ea 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
@@ -62,6 +62,9 @@ export default function NodeToolbarComponent({
       setShowNode((prev) => !prev);
       updateNodeInternals(data.id);
     }
+    if(event.includes("disabled")){
+      return;
+    }
   };
 
   return (
@@ -153,8 +156,8 @@ export default function NodeToolbarComponent({
                 </SelectTrigger>
               </ShadTooltip>
               <SelectContent>
-                <SelectItem value={getRandomKeyByssmm() + "advanced"}>
-                  <div className="flex">
+                <SelectItem value={getRandomKeyByssmm() + (nodeLength==0?"disabled":"advanced")}>
+                  <div className={"flex "+(nodeLength==0?"text-muted-foreground":"text-primary")}>
                     <IconComponent
                       name="Settings2"
                       className="relative top-0.5 mr-2 h-4 w-4"
@@ -179,6 +182,7 @@ export default function NodeToolbarComponent({
             <ShadTooltip content="Edit" side="top">
               <div>
                 <button
+                disabled={nodeLength === 0}
                   onClick={() => setShowModalAdvanced(true)}
                   className={classNames(
                     "relative -ml-px inline-flex items-center rounded-r-md bg-background px-2 py-2 text-foreground shadow-md ring-1  ring-inset ring-ring transition-all duration-500 ease-in-out hover:bg-muted focus:z-10" +