fix bug modal search location in home && send request after click on continue for update list clinics && change style on hover text of specialties and service in clinics page && add loading for list of clinics && fix bug page doctor item && link footer to clinic-pro

components/clinics/head/SearchBar.js

@@ -1,10 +1,14 @@
-import { ButtonGroup } from "@mui/material";
 import { useState } from "react";
-import ButtonFilter from "@/app/component/modalSearchCity/ButtonFilter";
-import ModalSearchCity from "@/components/home/search/modal";
+import { ButtonGroup } from "@mui/material";
 import AutoSearch from "./AutoSearch";
 import { useRouter } from "next/navigation";
 import FilterButton from "./FilterButton";
+import ButtonFilter from "./filter/ButtonFilter";
+import ModalSearchCity from "./filter";
+
+// Req
+import { QueryForClinicsFilter } from "@/helper";
+import { request } from "@/services/response";
 
 function SearchBar({
   state,
@@ -30,6 +34,21 @@ function SearchBar({
     router.push(`?${searchParams.toString()}`);
   };
 
+  const filterData = (newSelected) => {
+    const data = newSelected || selected;
+    const params = QueryForClinicsFilter(data);
+
+    return request
+      .getClinicList(params)
+      .then((res) => {
+        if (res.data) setFilteredClinics(res.data);
+        return res;
+      })
+      .catch((err) => {
+        throw err;
+      });
+  };
+
   return (
     <ButtonGroup
       variant="contained"
@@ -43,6 +62,7 @@ function SearchBar({
         state={state}
         setOpen={setOpen}
         selected={selected}
+        filterData={filterData}
         setSelected={setSelected}
       >
         <ButtonFilter setOpen={setOpen} selected={selected} />
@@ -53,10 +73,7 @@ function SearchBar({
         placeholder="جستجوی تخصص"
         handleSearch={handleSearch}
       />
-      <FilterButton
-        selected={selected}
-        setFilteredClinics={setFilteredClinics}
-      />
+      <FilterButton filterData={filterData} />
     </ButtonGroup>
   );
 }