change text location all page

app/component/modalSearchCity/ButtonFilter.js

@@ -1,10 +1,12 @@
 // Icons
 import ArrowBottomH from "@/components/icons/ArrowBottomH";
 import Location from "@/components/icons/Location";
+import { useProvince } from "@/context/ProvinceProvider";
 import { Button } from "@mui/material";
 
 function ButtonFilter({ selected, setOpen }) {
   const handleOpen = () => setOpen(true);
+  const { isProvinceInclude } = useProvince();
 
   return (
     <div>
@@ -26,6 +28,8 @@ function ButtonFilter({ selected, setOpen }) {
         >
           {selected && selected.province && selected.city
             ? `${selected.province} | ${selected.city}`
+            : isProvinceInclude?.name
+            ? isProvinceInclude.name
             : "انتخاب شهر"}
         </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

@@ -13,6 +13,7 @@ import { useProvince } from "@/context/ProvinceProvider";
 function ModalSearchCity({ children, selected, setSelected, open, setOpen }) {
   const provinceSelected = selected.province;
   const { isProvinceInclude } = useProvince();
+  const newProvinceData = isProvinceInclude?.id === 63;
 
   const [states, setStates] = useState([]);
   const [cities, setCities] = useState([]);
@@ -89,7 +90,7 @@ function ModalSearchCity({ children, selected, setSelected, open, setOpen }) {
             handleClose={handleClose}
             filteredCities={filteredCities}
             provinceSelected={provinceSelected}
-            isProvinceInclude={isProvinceInclude}
+            isProvinceInclude={newProvinceData}
           />
         </Box>
       </Modal>