handle request in modal filters, selector sort, search city with one function and field-search & handle change all data in doctors filter with one function & change modal search location in home page & set data with diffrent key in url of page doctors

app/component/modalSearchCity/index.js

@@ -3,7 +3,6 @@
 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";
@@ -12,17 +11,15 @@ import Content from "./Content";
 
 function ModalSearchCity({
   open,
-  state,
   filter,
+  sendReq,
   setOpen,
   children,
   setFilter,
-  modalLocate,
+  setDataInURL,
 }) {
   const stateSelected = filter?.state?.name;
 
-  // const states = addLabelToList(statesData);
-  // const cities = addLabelToList(citiesData);
   const [filteredCities, setFilteredCities] = useState([]);
 
   const handleClose = () => setOpen(false);
@@ -44,14 +41,6 @@ function ModalSearchCity({
     }
   }, [stateSelected]);
 
-  // const updateData = (event, name) => {
-  //   if (name === "province" && event !== stateSelected) {
-  //     setSelected({ province: event.name, city: "" });
-  //   } else {
-  //     setSelected({ ...selected, [name]: event.name });
-  //   }
-  // };
-
   return (
     <>
       {/* Button Modal */}
@@ -61,12 +50,12 @@ function ModalSearchCity({
       <Modal open={open} onClose={handleClose}>
         <Box sx={styleDefault} className="!w-full !h-full md:!w-fit md:!h-fit">
           <Content
-            state={state}
             states={states}
             filter={filter}
+            sendReq={sendReq}
             setFilter={setFilter}
             handleClose={handleClose}
-            modalLocate={modalLocate}
+            setDataInURL={setDataInURL}
             filteredCities={filteredCities}
           />
         </Box>