fix(filterQuery): reset query on icon click

AdamNowotny · Aug 28, 2024 · 46699c4 · 46699c4
1 parent ec7ff01
commit 46699c4
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/src/components/filterQuery/filterQuery.tsx b/src/components/filterQuery/filterQuery.tsx
@@ -4,17 +4,21 @@ import { Form } from 'react-bootstrap';
 
 export default ({ onUpdate }: { onUpdate: (string) => void }) => {
     const [query, setQuery] = useState('');
+
+    const updateQuery = value => {
+        setQuery(value);
+        onUpdate(value);
+    };
+
     const handleKeyDown = e => {
         if (e.key === 'Escape') {
             e.preventDefault();
-            setQuery('');
-            onUpdate('');
+            updateQuery('');
         }
     };
     const handleChange = e => {
         const value = e.target.value;
-        setQuery(value);
-        onUpdate(value);
+        updateQuery(value);
     };
 
     return (
@@ -31,7 +35,7 @@ export default ({ onUpdate }: { onUpdate: (string) => void }) => {
                 <i
                     className="reset-icon fa fa-times-circle-o fa-2x"
                     onClick={() => {
-                        setQuery('');
+                        updateQuery('');
                     }}
                 ></i>
             )}