last update

components/specialties/index.js

@@ -8,13 +8,13 @@ import specialtiesData from "@/data/specialties.json";
 import { searchOnList } from "@/helper";
 
 function SpecialtiesPage() {
+  const [search, setSearch] = useState("");
   const [filteredSpecialties, setFilteredSpecialties] = useState(specialtiesData);
 
-  const searchHandler = (e) => {
-    setFilteredSpecialties(
-      searchOnList(specialtiesData, e.target.value, 'name')
-    );
-  };
+  const changeSearch = text => setSearch(text);
+
+  const handleSearch = () =>
+    setFilteredSpecialties(searchOnList(specialtiesData, search, 'name'));
 
   return (
     <div className="">
@@ -22,7 +22,12 @@ function SpecialtiesPage() {
         title="تخصص مورد نظر شما چیست؟"
         detail="تخصص مورد نظرتان را جستجو کرده و یا از لیست زیر انتخاب نمایید:"
       >
-        <SmSearch placeholder="جستجوی تخصص" searchHandler={searchHandler} />
+        <SmSearch
+          search={search}
+          placeholder="جستجوی تخصص"
+          changeSearch={changeSearch}
+          handleSearch={handleSearch}
+        />
       </HeadPageList>
       <List specialties={filteredSpecialties} />
     </div>