Search bar query (TheAlgorithms#254)

* Remove search results if the query is null.

* Remove search results if the query is null.

* Apply suggestions from code review

* Whoops

---------

Co-authored-by: David Leal <[email protected]>

Author: ESAM-ALSAWAH

components/searchBar/index.tsx

@@ -38,8 +38,12 @@ export default function SearchBar({
 
   function handleInput(event: FormEvent) {
     setQuery((event.target as HTMLInputElement).value);
-
     // When input value is null, set error & empty state to `true` and do nothing.
+
+    if (!smallScreen)
+      debounce(() => {
+        router.push(`/search?q=${(event.target as HTMLInputElement).value}`);
+      });
     if (!(event.target as HTMLInputElement).value) {
       setIsEmpty(true);
       setIsError(true);
@@ -49,12 +53,7 @@ export default function SearchBar({
     // When input value is not null, reset error & empty state to `false`.
     // And also debounce the router push.
     setIsError(false);
-    setIsEmpty(false);
-
-    if (!smallScreen)
-      debounce(() => {
-        router.push(`/search?q=${(event.target as HTMLInputElement).value}`);
-      });
+    setIsEmpty(false);  
   }
 
   function handleSubmit(event?: FormEvent) {