Search funtionality added on key press "Enter"

shyamtawli · Apr 25, 2023 · 7f3cb7b · 7f3cb7b
1 parent 9dbfca4
commit 7f3cb7b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/App.js b/src/App.js
@@ -6,7 +6,6 @@ import datas from "./data/Profile.json";
 
 function App() {
   const [profiles, setProfiles] = useState([]);
-  console.log(profiles);
 
   const handleSearch = (searchValue) => {
     const lowercaseSearch = searchValue.toLowerCase();

diff --git a/src/components/Search/Search.jsx b/src/components/Search/Search.jsx
@@ -13,14 +13,19 @@ function Search({ onSearch }) {
   const handleSearch = () => {
     onSearch(searchValue);
   };
-
+  const handleSearchOnEnter = (e) => {
+    if (e.keyCode === 13) {
+      handleSearch();
+    }
+  };
   return (
     <div className="search-bar">
       <input
         type="text"
         onChange={handleInputChange}
         value={searchValue}
         placeholder="Find users with specific skills"
+        onKeyDown={handleSearchOnEnter}
       />
       <FontAwesomeIcon
         onClick={handleSearch}