From 35c35c9964dc8376936b70b162e7d2e67f24e538 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 8 Mar 2024 23:37:54 -0300
Subject: [PATCH] Fix search icon behavior and add new icon X

---
 .../components/extraSidebarComponent/index.tsx   | 16 +++++++++++++---
 src/frontend/src/utils/styleUtils.ts             |  1 +
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index dbb25df7f..0bbfa3fc6 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -250,10 +250,20 @@ export default function ExtraSidebar(): JSX.Element {
             setSearch(event.target.value);
           }}
         />
-        <div className="search-icon">
+        <div
+          className="search-icon "
+          onClick={() => {
+            if (search) {
+              setFilterData(data);
+              setSearch("");
+            }
+          }}
+        >
           <IconComponent
-            name="Search"
-            className={"h-5 w-5 stroke-[1.5] text-primary"}
+            name={search ? "X" : "Search"}
+            className={`h-5 w-5 stroke-[1.5] text-primary ${
+              search ? "cursor-pointer" : "cursor-default"
+            }`}
             aria-hidden="true"
           />
         </div>
diff --git a/src/frontend/src/utils/styleUtils.ts b/src/frontend/src/utils/styleUtils.ts
index 467aab047..653d7e642 100644
--- a/src/frontend/src/utils/styleUtils.ts
+++ b/src/frontend/src/utils/styleUtils.ts
@@ -278,6 +278,7 @@ export const nodeNames: { [char: string]: string } = {
 };
 
 export const nodeIconsLucide: iconsType = {
+  X: X,
   Notify: Bell,
   ListFlows: Group,
   ClearMessageHistory: FileClock,