From 4f5cb3c0b729daaab17f5b07c8386cef8ebfe18d Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Fri, 29 Mar 2024 00:20:59 -0300
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20(nodeToolbarComponent/index.tsx):?=
 =?UTF-8?q?=20Remove=20unused=20import=20of=20`iconClasses`=20from=20`@mui?=
 =?UTF-8?q?/material`=20to=20improve=20code=20cleanliness=20and=20reduce?=
 =?UTF-8?q?=20bundle=20size=20=E2=99=BB=EF=B8=8F=20(nodeToolbarComponent/i?=
 =?UTF-8?q?ndex.tsx):=20Refactor=20code=20to=20improve=20readability=20and?=
 =?UTF-8?q?=20maintainability=20by=20adding=20line=20breaks=20and=20indent?=
 =?UTF-8?q?ation=20=E2=9C=A8=20(nodeToolbarComponent/index.tsx):=20Refacto?=
 =?UTF-8?q?r=20code=20to=20improve=20readability=20and=20maintainability?=
 =?UTF-8?q?=20by=20extracting=20complex=20condition=20into=20a=20separate?=
 =?UTF-8?q?=20if=20statement=20=E2=99=BB=EF=B8=8F=20(nodeToolbarComponent/?=
 =?UTF-8?q?index.tsx):=20Refactor=20code=20to=20improve=20readability=20an?=
 =?UTF-8?q?d=20maintainability=20by=20adding=20line=20breaks=20and=20inden?=
 =?UTF-8?q?tation=20=E2=99=BB=EF=B8=8F=20(nodeToolbarComponent/index.tsx):?=
 =?UTF-8?q?=20Refactor=20code=20to=20improve=20readability=20and=20maintai?=
 =?UTF-8?q?nability=20by=20adding=20line=20breaks=20and=20indentation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/nodeToolbarComponent/index.tsx | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
index ddbd9866e..6653e1532 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
@@ -31,7 +31,6 @@ import {
 } from "../../../../utils/reactflowUtils";
 import { classNames, cn } from "../../../../utils/utils";
 import ToolbarSelectItem from "./toolbarSelectItem";
-import { iconClasses } from "@mui/material";
 
 export default function NodeToolbarComponent({
   data,
@@ -86,7 +85,9 @@ export default function NodeToolbarComponent({
   const [showModalAdvanced, setShowModalAdvanced] = useState(false);
   const [showconfirmShare, setShowconfirmShare] = useState(false);
   const [showOverrideModal, setShowOverrideModal] = useState(false);
-  const [flowComponent, setFlowComponent] = useState<FlowType>(createFlowComponent(cloneDeep(data), version));
+  const [flowComponent, setFlowComponent] = useState<FlowType>(
+    createFlowComponent(cloneDeep(data), version)
+  );
 
   const openInNewTab = (url) => {
     window.open(url, "_blank", "noreferrer");
@@ -286,7 +287,13 @@ export default function NodeToolbarComponent({
         event.preventDefault();
         setShowconfirmShare((state) => !state);
       }
-      if (selected && (event.ctrlKey || event.metaKey) && event.shiftKey &&  event.key === "q") {
+
+      if (
+        selected &&
+        (event.ctrlKey || event.metaKey) &&
+        event.shiftKey &&
+        event.key === "Q"
+      ) {
         event.preventDefault();
         if (isMinimal) {
           setShowState((show) => !show);
@@ -512,7 +519,9 @@ export default function NodeToolbarComponent({
                     isMac={navigator.userAgent.toUpperCase().includes("MAC")}
                     icon="Download"
                     styleObj={{ iconClasses: "relative top-0.5 mr-2 h-4 w-4" }}
-                    keyboardKey={"J"} dataTestId={"Dowload-button-nodeToolbar"} />
+                    keyboardKey={"J"}
+                    dataTestId={"Dowload-button-nodeToolbar"}
+                  />
                 </SelectItem>
               )}
               <SelectItem
@@ -534,8 +543,8 @@ export default function NodeToolbarComponent({
                     icon={showNode ? "Minimize2" : "Maximize2"}
                     value={showNode ? "Minimize" : "Expand"}
                     isMac={navigator.userAgent.toUpperCase().includes("MAC")}
-                    shift={true} 
-                    keyboardKey={"Q"} 
+                    shift={true}
+                    keyboardKey={"Q"}
                     dataTestId={"minimize-button-nodeToolbar"}
                   />
                 </SelectItem>