From 00088afa5c9359000c14d9ebaf74cb8316a698df Mon Sep 17 00:00:00 2001
From: Xevion <xevion@xevion.dev>
Date: Fri, 10 May 2024 02:25:17 -0500
Subject: [PATCH] Make search icon clickable button

---
 src/components/form/LookupInput.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/form/LookupInput.tsx b/src/components/form/LookupInput.tsx
index 77e592f..bd5e51e 100644
--- a/src/components/form/LookupInput.tsx
+++ b/src/components/form/LookupInput.tsx
@@ -109,7 +109,10 @@ const LookupInput: FunctionComponent<LookupInputProps> = ({
 
   const searchIcon = (
     <>
-      <div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
+      <button type="submit" className={clsx({
+        "absolute inset-y-0 left-0 flex items-center pl-3": true,
+        "pointer-events-none": isLoading,
+      })}>
         {isLoading ? (
           <ArrowPathIcon
             className="h-5 w-5 text-zinc-400 animate-spin"
@@ -121,7 +124,7 @@ const LookupInput: FunctionComponent<LookupInputProps> = ({
             aria-hidden="true"
           />
         )}
-      </div>
+      </button>
     </>
   );