feat: update profile list on character change (#200)

* fix: Fixed the Lagging Issue Co-authored-by: Shyam Tawli <[email protected]> Merge master branch
shyamtawli · May 27, 2023 · 5619150 · 5619150 · vercel · May 27, 2023
1 parent d2dbbc4
commit 5619150
Showing 1 changed file with 16 additions and 15 deletions.
diff --git a/src/components/Search/Search.jsx b/src/components/Search/Search.jsx
@@ -10,6 +10,7 @@ function Search({ onSearch }) {
 
   const handleInputChange = (event) => {
     setSearchValue(event.target.value);
+    onSearch(event.target.value);
   };
 
   const handleSearch = () => {
@@ -34,21 +35,21 @@ function Search({ onSearch }) {
   }, []);
 
   return (
-        <div className="search-bar">
-          <input
-              ref={searchInput}
-              type="text"
-              onChange={handleInputChange}
-              value={searchValue}
-              placeholder="Search user by name, location or skills"
-              onKeyDown={handleSearchOnEnter}
-          />
-          <FontAwesomeIcon
-              onClick={handleSearchButtonClick}
-              className="search-icon"
-              icon={faMagnifyingGlass}
-          />
-        </div>
+    <div className="search-bar">
+      <input
+        ref={searchInput}
+        type="text"
+        onChange={handleInputChange}
+        value={searchValue}
+        placeholder="Search user by name, location or skills"
+        onKeyDown={handleSearchOnEnter}
+      />
+      <FontAwesomeIcon
+        onClick={handleSearchButtonClick}
+        className="search-icon"
+        icon={faMagnifyingGlass}
+      />
+    </div>
   );
 }