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/home/search/modal/index.js

@@ -3,12 +3,12 @@
 import { useState, useEffect } from "react";
 import { Modal, Box } from "@mui/material";
 import { styleDefault } from "@/mui";
+import { addLabelToList } from "@/helper";
 
 // Data
-import states from "@/data/state.json";
-import cities from "@/data/city.json";
+import statesData from "@/data/state.json";
+import citiesData from "@/data/city.json";
 import Content from "./Content";
-import { useRouter } from "next/navigation";
 
 function ModalSearchCity({
   open,
@@ -16,11 +16,13 @@ function ModalSearchCity({
   setOpen,
   children,
   selected,
-  setSelected,
   handleSearch,
+  setSelected,
 }) {
-  const provinceSelected = selected?.province?.name;
-  const router = useRouter();
+  const provinceSelected = selected.province;
+
+  const states = addLabelToList(statesData);
+  const cities = addLabelToList(citiesData);
   const [filteredCities, setFilteredCities] = useState([]);
 
   const handleClose = () => setOpen(false);
@@ -28,7 +30,7 @@ function ModalSearchCity({
   useEffect(() => {
     if (provinceSelected) {
       const selectedState = states.find(
-        (state) => state.name === provinceSelected
+        (state) => state.label === provinceSelected
       );
       if (selectedState) {
         const stateId = selectedState.id;
@@ -42,19 +44,12 @@ function ModalSearchCity({
     }
   }, [provinceSelected]);
 
-  const updateData = (name, event) => {
-    const searchParams = new URLSearchParams(window.location.search);
-
+  const updateData = (event, name) => {
     if (name === "province") {
       setSelected({ ...selected, province: event, city: "" });
-      searchParams.set("state", event?.name);
-      searchParams.set("city", selected.city?.name);
     } else {
       setSelected({ ...selected, [name]: event });
-      searchParams.set("city", event?.name);
-      searchParams.set("state", selected.province?.name);
     }
-    router.push(`?${searchParams.toString()}`);
   };
 
   return (