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

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 />