get data from url and set in state & change default value & handle delete value of states & handle list and filter category and expertise in doctors page & handle search onchange & filter list clinics on change state

components/specialties/index.js

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