From 6748434fd75705862bdbfae175d915a967f456a3 Mon Sep 17 00:00:00 2001
From: chark1es <charles15851@gmail.com>
Date: Thu, 13 Feb 2025 03:13:38 -0800
Subject: [PATCH] removed debounce since its using cached events

---
 .../dashboard/Officer_EventManagement.astro   | 23 ++++++++-----------
 1 file changed, 9 insertions(+), 14 deletions(-)

diff --git a/src/components/dashboard/Officer_EventManagement.astro b/src/components/dashboard/Officer_EventManagement.astro
index a858478..c76f769 100644
--- a/src/components/dashboard/Officer_EventManagement.astro
+++ b/src/components/dashboard/Officer_EventManagement.astro
@@ -1187,27 +1187,22 @@ declare global {
             fetchEvents();
         });
 
-    // Search input with optimized debounce
-    let searchTimeout: number | undefined;
+    // Search input with instant search (no debounce needed for cached data)
     const searchInput = document.getElementById("searchInput");
     if (searchInput) {
-        // Add input event
+        // Add input event for instant search
         searchInput.addEventListener("input", (e) => {
             const target = e.target as HTMLInputElement;
-            clearTimeout(searchTimeout);
-            searchTimeout = window.setTimeout(() => {
-                searchQuery = target.value.trim();
-                currentPage = 1;
-                fetchEvents();
-            }, 150); // Reduced to 150ms for faster response
+            searchQuery = target.value.trim();
+            currentPage = 1;
+            fetchEvents();
         });
 
-        // Add keydown event for Enter key
+        // Clear search on Escape key
         searchInput.addEventListener("keydown", (e) => {
-            if (e.key === "Enter") {
-                clearTimeout(searchTimeout);
-                const target = e.target as HTMLInputElement;
-                searchQuery = target.value.trim();
+            if (e.key === "Escape") {
+                (e.target as HTMLInputElement).value = "";
+                searchQuery = "";
                 currentPage = 1;
                 fetchEvents();
             }