From bdf356880024a7a9d19965cb6d1a48f344135f4d Mon Sep 17 00:00:00 2001
From: Azalea Gui <me@hydev.org>
Date: Thu, 16 Feb 2023 18:03:31 -0500
Subject: [PATCH] [O] Toggle search on click

---
 src/App.tsx | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index ef804ea..3de33ea 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -67,14 +67,19 @@ export default function App() {
   const searchChange = e => {
     const val = (e.target as HTMLInputElement).value
     setSearch(val)
-    if (val == "") setSearchOn(false)
+    if (val.length == 0) setSearchOn(false)
   }
-
-  // Type anywhere to activate search
-  window.addEventListener("keydown", e => {
-    if (!searchOn()) setSearchOn(true)
+  const searchActivate = () => {
+    setSearchOn(true)
     searchInp.focus()
-  })
+    console.log("Search activate")
+  }
+  const searchDeactivate = () => {
+    setSearchOn(false)
+    setSearch("")
+    console.log("Search deactivate")
+  }
+  window.addEventListener("keydown", searchActivate)
 
   // Handle wheel for breadcrumb
   let bcMax: number
@@ -128,7 +133,8 @@ export default function App() {
               </div>
             </div>
           </Show>
-          <Icon icon="ion:search-outline" class="text-xl ml-2"/>
+
+          <Icon icon="ion:search-outline" class="text-xl ml-2" onclick={e => searchOn() ? searchDeactivate() : searchActivate()}/>
         </div>
 
         {/*{api.loading && "Loading..."}*/}