From 85b5f80bba97b221b3336f74634229c86128ff07 Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Thu, 14 Mar 2024 18:44:19 -0300
Subject: [PATCH 1/2] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20(index.tsx):=20remove?=
 =?UTF-8?q?=20unused=20import=20of=20useEffect=20to=20improve=20code=20cle?=
 =?UTF-8?q?anliness=20and=20readability=20=F0=9F=93=9D=20(index.tsx):=20re?=
 =?UTF-8?q?factor=20toolbarSelectItem=20component=20to=20improve=20code=20?=
 =?UTF-8?q?formatting=20and=20readability?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../toolbarSelectItem/index.tsx               | 34 ++++++++++---------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/toolbarSelectItem/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/toolbarSelectItem/index.tsx
index 00e31e08a..5d2dfd277 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/toolbarSelectItem/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/toolbarSelectItem/index.tsx
@@ -1,4 +1,3 @@
-import { useEffect } from "react";
 import ForwardedIconComponent from "../../../../../components/genericIconComponent";
 import { toolbarSelectItemProps } from "../../../../../types/components";
 
@@ -10,7 +9,6 @@ export default function ToolbarSelectItem({
   icon,
   styleObj,
 }: toolbarSelectItemProps) {
-
   return (
     <div className="flex">
       <ForwardedIconComponent
@@ -21,24 +19,28 @@ export default function ToolbarSelectItem({
       {isMac ? (
         <ForwardedIconComponent
           name="Command"
-          className={`absolute right-[${shift ? "2rem" : "1.15rem"}] top-[0.65em] h-3.5 w-3.5 stroke-2 ${styleObj?.commandClasses}`}
+          className={`absolute right-[${
+            shift ? "2rem" : "1.15rem"
+          }] top-[0.65em] h-3.5 w-3.5 stroke-2 ${styleObj?.commandClasses}`}
         ></ForwardedIconComponent>
       ) : (
-        <span className={`absolute right-[${shift ? "2.10rem" : "1.15rem"}] top-[0.43em] stroke-2 ${styleObj?.ctrlClasses}`}>
-            {shift ? (
-              "Ctrl"
-            ) : (
-              "Ctrl +"
-            )}
+        <span
+          className={`absolute ${
+            shift ? " right-[2.15rem] " : "right-[1.15rem]"
+          } top-[0.43em] stroke-2 `}
+        >
+          {shift ? "Ctrl" : "Ctrl +"}
         </span>
       )}
-        {shift && (
-          <ForwardedIconComponent
-            name="ArrowBigUp"
-            className={`absolute right-[1.15rem] top-[0.65em] h-3.5 w-3.5 stroke-2 ${styleObj?.shiftClasses}`}
-          />
-        )}
-        <span className={`absolute right-2 top-[0.43em] ${styleObj?.keyClasses}`}>{keyboardKey}</span>
+      {shift && (
+        <ForwardedIconComponent
+          name="ArrowBigUp"
+          className={`absolute right-[1.15rem] top-[0.65em] h-3.5 w-3.5 stroke-2 ${styleObj?.shiftClasses}`}
+        />
+      )}
+      <span className={`absolute right-2 top-[0.43em] ${styleObj?.keyClasses}`}>
+        {keyboardKey}
+      </span>
     </div>
   );
 }

From 62dea6348227c3b70c31a1bd81298c758a1dd099 Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Fri, 15 Mar 2024 15:41:40 -0300
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=93=9D=20(nodeToolbarComponent/index.?=
 =?UTF-8?q?tsx):=20update=20styleObj=20for=20Share=20button=20to=20improve?=
 =?UTF-8?q?=20code=20readability=20and=20maintainability=20=F0=9F=93=9D=20?=
 =?UTF-8?q?(nodeToolbarComponent/index.tsx):=20update=20styleObj=20for=20D?=
 =?UTF-8?q?ocs=20button=20to=20improve=20code=20readability=20and=20mainta?=
 =?UTF-8?q?inability=20=F0=9F=93=9D=20(nodeToolbarComponent/index.tsx):=20?=
 =?UTF-8?q?update=20className=20for=20Command=20icon=20to=20improve=20code?=
 =?UTF-8?q?=20readability=20and=20maintainability=20=F0=9F=93=9D=20(toolba?=
 =?UTF-8?q?rSelectItem/index.tsx):=20update=20className=20for=20Command=20?=
 =?UTF-8?q?icon=20to=20improve=20code=20readability=20and=20maintainabilit?=
 =?UTF-8?q?y?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/nodeToolbarComponent/index.tsx  | 18 ++++++++++--------
 .../toolbarSelectItem/index.tsx                |  6 +++---
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
index 06ee3719e..54d37f281 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
@@ -495,7 +495,9 @@ export default function NodeToolbarComponent({
                     shift={true}
                     value={"Share"}
                     icon={"Share3"}
-                    styleObj={{iconClasses: "relative top-0.5 -m-1 mr-1 h-6 w-6"}}
+                    styleObj={{
+                      iconClasses: "relative top-0.5 -m-1 mr-1 h-6 w-6",
+                    }}
                   />
                 </SelectItem>
               )}
@@ -515,12 +517,12 @@ export default function NodeToolbarComponent({
                 disabled={data.node?.documentation === ""}
               >
                 <ToolbarSelectItem
-                    keyboardKey="D"
-                    isMac={navigator.userAgent.toUpperCase().includes("MAC")}
-                    shift={true}
-                    value={"Docs"}
-                    icon={"FileText"}
-                  />
+                  keyboardKey="D"
+                  isMac={navigator.userAgent.toUpperCase().includes("MAC")}
+                  shift={true}
+                  value={"Docs"}
+                  icon={"FileText"}
+                />
               </SelectItem>
               {isMinimal && (
                 <SelectItem value={"show"}>
@@ -533,7 +535,7 @@ export default function NodeToolbarComponent({
                     {navigator.userAgent.toUpperCase().includes("MAC") ? (
                       <IconComponent
                         name="Command"
-                        className="absolute right-[1.15rem] top-[0.65em] h-3.5 w-3.5 stroke-2"
+                        className="absolute right-[1.25rem] top-[0.65em] h-3.5 w-3.5 stroke-2"
                       ></IconComponent>
                     ) : (
                       <span className="absolute right-[1.30rem] top-[0.40em] stroke-2">
diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/toolbarSelectItem/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/toolbarSelectItem/index.tsx
index 5d2dfd277..41f7cea84 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/toolbarSelectItem/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/toolbarSelectItem/index.tsx
@@ -19,9 +19,9 @@ export default function ToolbarSelectItem({
       {isMac ? (
         <ForwardedIconComponent
           name="Command"
-          className={`absolute right-[${
-            shift ? "2rem" : "1.15rem"
-          }] top-[0.65em] h-3.5 w-3.5 stroke-2 ${styleObj?.commandClasses}`}
+          className={`absolute
+          ${shift ? " right-[2rem] " : "right-[1.15rem]"}
+          top-[0.65em] h-3.5 w-3.5 stroke-2 ${styleObj?.commandClasses}`}
         ></ForwardedIconComponent>
       ) : (
         <span