From d008e53befe1589494669ce5fecac51bc61cceae Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 14 Jul 2023 08:23:01 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(nodeToolbarComponent):=20cha?=
 =?UTF-8?q?nge=20div=20element=20to=20button=20element=20for=20edit=20node?=
 =?UTF-8?q?=20button=20to=20improve=20accessibility=20and=20prevent=20defa?=
 =?UTF-8?q?ult=20action=20when=20nodeLength=20is=200?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/nodeToolbarComponent/index.tsx | 27 ++++++++++++-------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
index a86cf1eb0..f91c0db08 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
@@ -96,16 +96,23 @@ const NodeToolbarComponent = (props) => {
 
           <ShadTooltip content="Edit" side="top">
             <EditNodeModal data={props.data}>
-              <div
-                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" +
-                    (nodeLength == 0
-                      ? " text-muted-foreground"
-                      : " text-foreground")
-                )}
-              >
-                <Settings2 className="h-4 w-4 "></Settings2>
-              </div>
+
+            <button
+              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" +
+                  (nodeLength == 0
+                    ? " text-muted-foreground"
+                    : " text-foreground")
+              )}
+              onClick={(event) => {
+                if (nodeLength == 0) {
+                  event.preventDefault();
+                }
+              }}
+            >
+              <Settings2 className="h-4 w-4 "></Settings2>
+            </button>
+
             </EditNodeModal>
           </ShadTooltip>
         </span>