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] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20(index.tsx):=20remove=20un?=
 =?UTF-8?q?used=20import=20of=20useEffect=20to=20improve=20code=20cleanlin?=
 =?UTF-8?q?ess=20and=20readability=20=F0=9F=93=9D=20(index.tsx):=20refacto?=
 =?UTF-8?q?r=20toolbarSelectItem=20component=20to=20improve=20code=20forma?=
 =?UTF-8?q?tting=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>
   );
 }