From 33e37ea4b4541406d84dfcc3fc8577b0aba857f3 Mon Sep 17 00:00:00 2001
From: Kiran Ashok <stepinfwd@gmail.com>
Date: Thu, 6 Oct 2022 11:13:07 +0530
Subject: [PATCH] fix :: bug event not triggering on search (#4156)

---
 .../Editor/Components/Table/GlobalFilter.jsx  | 19 +++----------------
 1 file changed, 3 insertions(+), 16 deletions(-)

diff --git a/frontend/src/Editor/Components/Table/GlobalFilter.jsx b/frontend/src/Editor/Components/Table/GlobalFilter.jsx
index ddea66fd2a..91676163b2 100644
--- a/frontend/src/Editor/Components/Table/GlobalFilter.jsx
+++ b/frontend/src/Editor/Components/Table/GlobalFilter.jsx
@@ -10,17 +10,12 @@ export const GlobalFilter = ({
 }) => {
   const [value, setValue] = React.useState(globalFilter);
   const onChange = useAsyncDebounce((filterValue) => {
+    setValue(filterValue);
     setGlobalFilter(filterValue || undefined);
-  }, 200);
-
-  const handleSearchTextChange = (text) => {
-    setValue(text);
-    onChange(text);
-
-    onComponentOptionChanged(component, 'searchText', text).then(() => {
+    onComponentOptionChanged(component, 'searchText', filterValue).then(() => {
       onEvent('onSearch', { component, data: {} });
     });
-  };
+  }, 500);
 
   return (
     <div className="ms-2 d-flex border px-2 mx-1 btn-light align-items-center" style={{ padding: '0.25rem 0' }}>
@@ -33,14 +28,6 @@ export const GlobalFilter = ({
         type="text"
         className="global-search-field btn-light align-self-center"
         defaultValue={value || ''}
-        onBlur={(e) => {
-          handleSearchTextChange(e.target.value);
-        }}
-        onKeyDown={(e) => {
-          if (e.key === 'Enter') {
-            handleSearchTextChange(e.target.value);
-          }
-        }}
         onChange={(e) => onChange(e.target.value)}
         placeholder="Search"
         style={{