send data location with url to doctors and get it and show in page doctors

app/component/modalSearchCity/ButtonFilter.js

@@ -20,10 +20,12 @@ function ButtonFilter({ selected, setOpen }) {
         <p
           className={`text-[#616161] text-[11px] md:text-[14px] leading-[17px] sm:leading-[19px] 
                     md:leading-[22px] lg:leading-[24px] font-medium ml-1 md:mx-1
-                    ${selected && selected.first && selected.second ? "" : ""}`}
+                    ${
+                      selected && selected.province && selected.city ? "" : ""
+                    }`}
         >
-          {selected && selected.first && selected.second
-            ? `${selected.first} | ${selected.second}`
+          {selected && selected.province && selected.city
+            ? `${selected.province} | ${selected.city}`
             : "انتخاب شهر"}
         </p>
         <div className="w-[16px] h-[16px] md:w-[18px] md:h-[18px] lg:w-[20px] lg:h-[20px] grid place-items-center">

app/component/modalSearchCity/index.js

@@ -14,8 +14,8 @@ import statesData from "@/data/state.json";
 import citiesData from "@/data/city.json";
 
 function ModalSearchCity({ children, selected, setSelected, open, setOpen }) {
-  const secondSelected = selected.second;
-  const firstSelected = selected.first;
+  const provinceSelected = selected.province;
+  const citySelected = selected.city;
   const [states, setStates] = useState([]);
   const [cities, setCities] = useState([]);
   const [filteredCities, setFilteredCities] = useState([]);
@@ -43,9 +43,9 @@ function ModalSearchCity({ children, selected, setSelected, open, setOpen }) {
 
   // Filter cities when state is selected
   useEffect(() => {
-    if (firstSelected) {
+    if (provinceSelected) {
       const selectedState = states.find(
-        (state) => state.label === firstSelected
+        (state) => state.label === provinceSelected
       );
       if (selectedState) {
         const stateId = selectedState.id;
@@ -56,14 +56,14 @@ function ModalSearchCity({ children, selected, setSelected, open, setOpen }) {
       }
     } else {
       setFilteredCities([]);
-      setSelected({ ...selected, second: "" });
+      setSelected({ ...selected, city: "" });
     }
-  }, [firstSelected, cities, states]);
+  }, [provinceSelected, cities, states]);
 
   const updateData = (event, name) => {
-    if (name === "first" && event !== firstSelected) {
+    if (name === "province" && event !== provinceSelected) {
       // If state changes, reset city selection
-      setSelected({ first: event, second: "" });
+      setSelected({ province: event, city: "" });
     } else {
       setSelected({ ...selected, [name]: event });
     }
@@ -89,25 +89,23 @@ function ModalSearchCity({ children, selected, setSelected, open, setOpen }) {
             <div className="flex md:min-w-[344px] flex-col mt-[52px] md:mt-[44px] mb-14 justify-center items-center gap-10">
               <AutoCompleteSelect
                 updateData={updateData}
-                value={selected && firstSelected}
+                value={selected && provinceSelected}
                 list={states}
                 label="استان"
-                name="first"
+                name="province"
               />
               <AutoCompleteSelect
                 updateData={updateData}
                 value={
                   selected &&
-                  secondSelected &&
-                  filteredCities.find(
-                    (item) => item.label === secondSelected
-                  ) &&
-                  secondSelected
+                  citySelected &&
+                  filteredCities.find((item) => item.label === citySelected) &&
+                  citySelected
                 }
                 list={filteredCities}
-                name="second"
+                name="city"
                 label="شهر"
-                disabled={!firstSelected || filteredCities.length === 0}
+                disabled={!provinceSelected || filteredCities.length === 0}
               />
             </div>
             <div className="w-full flex justify-end">
@@ -116,7 +114,7 @@ function ModalSearchCity({ children, selected, setSelected, open, setOpen }) {
                 onClick={handleClose}
                 variant="contained"
                 color="primary"
-                disabled={!firstSelected || !secondSelected}
+                disabled={!provinceSelected || !citySelected}
               >
                 تایید و ادامه
                 <ArrowLeftM />