From 0b2d3deabbbed2fe822eda1bb1b2aefc5a72e414 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 14 Jun 2023 15:47:31 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style(nodeToolbarComponent):=20r?=
 =?UTF-8?q?eplace=20icons=20from=20heroicons=20with=20lucide-react=20icons?=
 =?UTF-8?q?=20The=20heroicons=20package=20was=20replaced=20with=20lucide-r?=
 =?UTF-8?q?eact=20icons=20to=20improve=20consistency=20with=20the=20rest?=
 =?UTF-8?q?=20of=20the=20application.=20The=20icons=20were=20replaced=20wi?=
 =?UTF-8?q?th=20the=20following=20lucide-react=20icons:=20Settings2,=20Cop?=
 =?UTF-8?q?y,=20and=20Trash2.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
index d348faa83..2e89d5223 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
@@ -1,21 +1,9 @@
-import React, { useContext, useState } from "react";
-import { Menu, Transition } from "@headlessui/react";
-import { EllipsisVerticalIcon } from "@heroicons/react/20/solid";
-import {
-  Cog6ToothIcon,
-  TrashIcon,
-  PencilSquareIcon,
-  DocumentDuplicateIcon,
-  DocumentPlusIcon,
-  Square2StackIcon,
-} from "@heroicons/react/24/outline";
+import { useContext, useState } from "react";
+import { Settings2, Copy, Trash2 } from "lucide-react";
 import { classNames } from "../../../../utils";
-import { Fragment } from "react";
-import NodeModal from "../../../../modals/NodeModal";
 import { TabsContext } from "../../../../contexts/tabsContext";
 import { useReactFlow } from "reactflow";
 import EditNodeModal from "../../../../modals/EditNodeModal";
-import TooltipReact from "../../../../components/ReactTooltipComponent";
 import ShadTooltip from "../../../../components/ShadTooltipComponent";
 
 const NodeToolbarComponent = (props) => {
@@ -48,7 +36,7 @@ const NodeToolbarComponent = (props) => {
                 props.deleteNode(props.data.id);
               }}
             >
-              <TrashIcon className="w-5 h-5 dark:text-gray-300"></TrashIcon>
+              <Trash2 className="w-5 h-5 dark:text-gray-300"></Trash2>
             </button>
           </ShadTooltip>
 
@@ -76,7 +64,7 @@ const NodeToolbarComponent = (props) => {
                 );
               }}
             >
-              <Square2StackIcon className="w-5 h-5  dark:text-gray-300"></Square2StackIcon>
+              <Copy className="w-5 h-5  dark:text-gray-300"></Copy>
             </button>
           </ShadTooltip>
 
@@ -89,7 +77,7 @@ const NodeToolbarComponent = (props) => {
                   props.openPopUp(<EditNodeModal data={props.data} />);
                 }}
               >
-                <PencilSquareIcon className="w-5 h-5  dark:text-gray-300"></PencilSquareIcon>
+                <Settings2 className="w-5 h-5  dark:text-gray-300"></Settings2>
               </button>
             </ShadTooltip>
           )}
@@ -133,7 +121,7 @@ const NodeToolbarComponent = (props) => {
                             "w-full group flex items-center px-4 py-2 text-sm"
                           )}
                         >
-                          <PencilSquareIcon
+                          <Settings
                             className="mr-3 h-5 w-5 text-gray-400 group-hover:text-gray-500"
                             aria-hidden="true"
                           />