Replaced on key down with on key up event to fix search funcitonality

sudo-ditto · Jul 15, 2021 · 30f0092 · 30f0092
1 parent dd88063
commit 30f0092
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/pages/components/CountriesComponents/Controls/SearchField.js b/src/pages/components/CountriesComponents/Controls/SearchField.js
@@ -8,7 +8,7 @@ const SearchField = () => {
 
     const dispatch = useDispatch();
 
-    const onKeyDownHandler = async (event) => {
+    const onKeyUpHandler = async (event) => {
         dispatch(searchActions.setSearchValue(event.target.value));
     }
 
@@ -17,7 +17,7 @@ const SearchField = () => {
     return (
         <div className="search-field__container">
             <FontAwesomeIcon icon={faSearch} />
-            <input type="text" placeholder="Search for country..." onKeyDown={onKeyDownHandler} />
+            <input type="text" placeholder="Search for country..." onKeyUp={onKeyUpHandler} />
         </div>
     )
 }

diff --git a/src/pages/components/CountriesComponents/Countries/CountriesList.js b/src/pages/components/CountriesComponents/Countries/CountriesList.js
@@ -29,7 +29,7 @@ const Countries = () => {
 
     useEffect(() => {
         dispatch(filterCountries(allCountries, filter));
-        if (initial.initial ) {
+        if (initial.initial) {
             initial.initial = false;
         }