move function handle change city to context

2025-05-03 17:58:43 +03:30
parent ca5583deab
commit 1ca1af52b1
3 changed files with 34 additions and 7 deletions
@@ -8,13 +8,12 @@ import { styleDefault } from "@/mui";
 import statesData from "@/data/state.json";
 import citiesData from "@/data/city.json";
 import Content from "./Content";
+import { useProvince } from "@/context/ProvinceProvider";

 function ModalSearchCity({ children, selected, setSelected, open, setOpen }) {
  const provinceSelected = selected.province;
-  const [hostName, setHostName] = useState("");
-  const isProvinceInclude = citiesData.find(
-    (city) => city.domain !== "nobat724.com" && hostName.includes(city.domain)
-  );
+  const { isProvinceInclude } = useProvince();
+
  const [states, setStates] = useState([]);
  const [cities, setCities] = useState([]);
  const [filteredCities, setFilteredCities] = useState([]);
@@ -36,8 +35,6 @@ function ModalSearchCity({ children, selected, setSelected, open, setOpen }) {
      province_id: city.province_id,
    }));

-    setHostName(window.location.hostname);
-
    setStates(formattedStates);
    setCities(formattedCities);
  }, []);
@@ -8,6 +8,7 @@ import { GoogleTagManager } from "@next/third-parties/google";
 // Toastify
 import "react-toastify/dist/ReactToastify.css";
 import CustomToastify from "./CustomToastify";
+import { ProvinceProvider } from "@/context/ProvinceProvider";

 export const metadata = {
  title: "نوبت724",
@@ -28,7 +29,9 @@ export default function RootLayout({ children }) {
      <ThemeRegistry>
        <GoogleTagManager gtmId="GTM-NXBSV7GS" />
        <body className="bg-[#FAFAFA]">
-          <Providers>{children}</Providers>
+          <ProvinceProvider>
+            <Providers>{children}</Providers>
+          </ProvinceProvider>
          <CustomToastify />
        </body>
        <GoogleAnalytics gaId="G-HG3RZ1PJS5" />
@@ -0,0 +1,27 @@
+"use client";
+
+import { createContext, useContext, useState, useEffect } from "react";
+import citiesData from "@/data/city.json";
+
+const ProvinceContext = createContext();
+
+export const ProvinceProvider = ({ children }) => {
+  const [hostName, setHostName] = useState("");
+  const isProvinceInclude = citiesData.find(
+    (city) => city.domain !== "nobat724.com" && hostName.includes(city.domain)
+  );
+
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      setHostName(window.location.hostname);
+    }
+  }, []);
+
+  return (
+    <ProvinceContext.Provider value={{ isProvinceInclude }}>
+      {children}
+    </ProvinceContext.Provider>
+  );
+};
+
+export const useProvince = () => useContext(ProvinceContext);