added OnkeyDown function for search

ZOUHAIRFGRA · Oct 27, 2023 · fc9bbe2 · fc9bbe2
1 parent de15ffd
commit fc9bbe2
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/App.js b/src/App.js
@@ -22,6 +22,12 @@ const App = () => {
     setMovies(data.Search);
   };
 
+  const handleSearch = (e) => {
+    if (e.key === "Enter") {
+      searchMovies(searchTerm);
+    }
+  };
+
   return (
     <Router>
       <div className="app">
@@ -31,7 +37,9 @@ const App = () => {
           <input
             value={searchTerm}
             onChange={(e) => setSearchTerm(e.target.value)}
+            onKeyDown={handleSearch}
             placeholder="Search for movies"
+
           />
           <img
             src={SearchIcon}