last update

components/clinics/index.js

@@ -10,6 +10,7 @@ import HeadPageList from "@/app/component/head";
 
 function ClinicsPage({ matchedCity, matchedState }) {
   const [loading, setLoading] = useState(true);
+  const [search, setSearch] = useState("");
   const [filteredClinics, setFilteredClinics] = useState(clinics)
 
   const [selected, setSelected] = useState({
@@ -23,11 +24,13 @@ function ClinicsPage({ matchedCity, matchedState }) {
     }, 2000);
   }, []);
 
-  const handleSearch = text => {
-    setFilteredClinics(
-      searchOnList(clinics, text, 'title')
-    );
-  }
+  const changeSearch = text => setSearch(text);
+
+  const handleSearch = () => {
+    const searchOnName = searchOnList(clinics, search, 'title')
+    const searchOnLocation = searchOnList(searchOnName, selected.city, 'city')
+    setFilteredClinics(searchOnLocation);
+  };
 
   return (
     <div>
@@ -36,9 +39,11 @@ function ClinicsPage({ matchedCity, matchedState }) {
         detail="در قسمت زیر می توانید کلینیک مورد نظر خود را جستجو نمایید"
       >
         <SearchBar
+          search={search}
           selected={selected}
           setSelected={setSelected}
           state={matchedState?.name}
+          changeSearch={changeSearch}
           handleSearch={handleSearch}
         />
       </HeadPageList>