carol/ Search box hotfix (#5749)

* search hotfix * search hotfix * fix: intermittent issue
deriv-com · Jun 20, 2022 · 3b54f8a · 3b54f8a · vercel · Jun 20, 2022
1 parent 9db1289
commit 3b54f8a
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/packages/p2p/src/components/search-box/search-box.jsx b/packages/p2p/src/components/search-box/search-box.jsx
@@ -13,16 +13,19 @@ const SearchBox = ({ className, onClear, onSearch, placeholder }) => {
         }
     };
 
-    const onSearchKeyUp = submitForm => {
+    const onSearchKeyUpDown = submitForm => {
         clearTimeout(typing_timer);
 
         const typing_timer = setTimeout(() => {
             submitForm();
-        }, 1000);
+        }, 500);
     };
 
     const onSearchSubmit = ({ search }) => {
         if (!search.trim()) {
+            if (typeof onClear === 'function') {
+                onClear();
+            }
             return;
         }
 
@@ -44,7 +47,8 @@ const SearchBox = ({ className, onClear, onSearch, placeholder }) => {
                                     type='text'
                                     name='search'
                                     placeholder={placeholder}
-                                    onKeyUp={() => onSearchKeyUp(submitForm)}
+                                    onKeyDown={() => onSearchKeyUpDown(submitForm)}
+                                    onKeyUp={() => onSearchKeyUpDown(submitForm)}
                                     onFocus={submitForm}
                                     leading_icon={<Icon className='search-box__field-icon' icon='IcSearch' />}
                                     trailing_icon={