search added enter functionality

ita-social-projects · Nov 23, 2024 · 9427424 · 9427424
1 parent 560300b
commit 9427424
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/FrontEnd/src/components/Header/Navbar/SearchBox.jsx b/FrontEnd/src/components/Header/Navbar/SearchBox.jsx
@@ -17,6 +17,12 @@ function SearchBox() {
     }
   };
 
+  const keyDownFunction = (e) => {
+      if (e.key === 'Enter' ) {
+        handleSearch();
+      }
+  };
+
   const handleClear = () => {
     setSearchTerm('');
   };
@@ -28,6 +34,7 @@ function SearchBox() {
                 placeholder="Пошук"
                 value={searchTerm}
                 onChange={(e) => setSearchTerm(e.target.value)}
+                onKeyDown={keyDownFunction}
             />
             {searchTerm && (
                <Button