From 8376cd1a5b906037459de7a61115b49b216e72bb Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 20 Mar 2024 16:07:32 -0300
Subject: [PATCH] Remove unused import and fix formatting in IOOutputView,
 MenuBar, RenameLabel, and PageComponent

---
 .../src/components/IOOutputView/index.tsx       |  1 -
 .../components/menuBar/index.tsx                |  8 +++-----
 src/frontend/src/components/ui/rename-label.tsx |  2 +-
 .../FlowPage/components/PageComponent/index.tsx | 17 ++++-------------
 4 files changed, 8 insertions(+), 20 deletions(-)

diff --git a/src/frontend/src/components/IOOutputView/index.tsx b/src/frontend/src/components/IOOutputView/index.tsx
index 74443f900..60e63d926 100644
--- a/src/frontend/src/components/IOOutputView/index.tsx
+++ b/src/frontend/src/components/IOOutputView/index.tsx
@@ -1,4 +1,3 @@
-import { cloneDeep } from "lodash";
 import useFlowStore from "../../stores/flowStore";
 import { IOOutputProps } from "../../types/components";
 import { Textarea } from "../ui/textarea";
diff --git a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
index eb242bebf..40cc3e192 100644
--- a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
+++ b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
@@ -41,17 +41,15 @@ export const MenuBar = ({
 
   function handleAddFlow(duplicate?: boolean) {
     try {
-      if(duplicate) {
+      if (duplicate) {
         if (!currentFlow) {
           throw new Error("No flow to duplicate");
         }
         addFlow(true, currentFlow).then((id) => {
-          setSuccessData({title:"Flow duplicated successfully"});
+          setSuccessData({ title: "Flow duplicated successfully" });
           navigate("/flow/" + id);
         });
-      }
-      else
-      {
+      } else {
         addFlow(true).then((id) => {
           navigate("/flow/" + id);
         });
diff --git a/src/frontend/src/components/ui/rename-label.tsx b/src/frontend/src/components/ui/rename-label.tsx
index a10277363..0273e1ceb 100644
--- a/src/frontend/src/components/ui/rename-label.tsx
+++ b/src/frontend/src/components/ui/rename-label.tsx
@@ -29,7 +29,7 @@ export default function RenameLabel(props) {
     }
     resizeInput();
     return () => {
-      if(isRename) document.removeEventListener("keydown", () => {});
+      if (isRename) document.removeEventListener("keydown", () => {});
     };
   }, [isRename]);
 
diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index e283a01e3..d408f2f5b 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -104,29 +104,20 @@ export default function Page({
       ) {
         event.preventDefault();
         takeSnapshot();
-        if (
-          validateSelection(lastSelection!, edges).length === 0
-        ) {
+        if (validateSelection(lastSelection!, edges).length === 0) {
           const { newFlow, removedEdges } = generateFlow(
             lastSelection!,
             nodes,
             edges,
             getRandomName()
           );
-          const newGroupNode = generateNodeFromFlow(
-            newFlow,
-            getNodeId
-          );
-          const newEdges = reconnectEdges(
-            newGroupNode,
-            removedEdges
-          );
+          const newGroupNode = generateNodeFromFlow(newFlow, getNodeId);
+          const newEdges = reconnectEdges(newGroupNode, removedEdges);
           setNodes((oldNodes) => [
             ...oldNodes.filter(
               (oldNodes) =>
                 !lastSelection?.nodes.some(
-                  (selectionNode) =>
-                    selectionNode.id === oldNodes.id
+                  (selectionNode) => selectionNode.id === oldNodes.id
                 )
             ),
             newGroupNode,