diff --git a/app/component/modalSearchCity/Content.js b/app/component/modalSearchCity/Content.js new file mode 100644 index 0000000..3edf6a1 --- /dev/null +++ b/app/component/modalSearchCity/Content.js @@ -0,0 +1,74 @@ +import { Button } from "@mui/material"; + +// Icon +import CloseModalD from "@/components/icons/CloseModalD"; +import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect"; +import ArrowLeftM from "@/components/icons/ArrowLeftM"; + +function Content({ + states, + selected, + updateData, + handleClose, + filteredCities, + provinceSelected, + isProvinceInclude, +}) { + const citySelected = selected.city; + + return ( +
+
+
+ +
+
+
+

+ شهر یا استان مورد نظر را انتخاب نمایید: +

+
+ + item.label === citySelected) && + citySelected + } + list={filteredCities} + name="city" + label="شهر" + disabled={ + !isProvinceInclude || + !provinceSelected || + filteredCities.length === 0 + } + /> +
+
+ +
+
+
+ ); +} + +export default Content; diff --git a/app/component/modalSearchCity/index.js b/app/component/modalSearchCity/index.js index 81cf7ad..0e298dc 100644 --- a/app/component/modalSearchCity/index.js +++ b/app/component/modalSearchCity/index.js @@ -1,21 +1,21 @@ "use client"; import { useState, useEffect } from "react"; -import { Box, Button, Modal } from "@mui/material"; - -// Icon +import { Modal, Box } from "@mui/material"; import { styleDefault } from "@/mui"; -import CloseModalD from "@/components/icons/CloseModalD"; -import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect"; -import ArrowLeftM from "@/components/icons/ArrowLeftM"; // Data import statesData from "@/data/state.json"; import citiesData from "@/data/city.json"; +import Content from "./Content"; function ModalSearchCity({ children, selected, setSelected, open, setOpen }) { const provinceSelected = selected.province; - const citySelected = selected.city; + // const hostName = window.location.host; + const hostName = "urmia-nobat.ir"; + const isProvinceInclude = citiesData.find( + (city) => city.domain !== "nobat724.com" && hostName.includes(city.domain) + ); const [states, setStates] = useState([]); const [cities, setCities] = useState([]); const [filteredCities, setFilteredCities] = useState([]); @@ -54,6 +54,13 @@ function ModalSearchCity({ children, selected, setSelected, open, setOpen }) { ); setFilteredCities(filteredCities); } + } else if (isProvinceInclude) { + setSelected({ + ...selected, + province: statesData.find( + (state) => state.id === isProvinceInclude.province_id + )?.name, + }); } else { setFilteredCities([]); setSelected({ ...selected, city: "" }); @@ -77,50 +84,15 @@ function ModalSearchCity({ children, selected, setSelected, open, setOpen }) { {/* Content Modal */} -
-
- -
-
-
-

- شهر یا استان مورد نظر را انتخاب نمایید: -

-
- - item.label === citySelected) && - citySelected - } - list={filteredCities} - name="city" - label="شهر" - disabled={!provinceSelected || filteredCities.length === 0} - /> -
-
- -
-
+
diff --git a/package-lock.json b/package-lock.json index 85a9086..471dbbb 100644 --- a/package-lock.json +++ b/package-lock.json @@ -42,6 +42,7 @@ "universal-cookie": "^7.2.1" }, "devDependencies": { + "cross-env": "^7.0.3", "postcss": "^8", "tailwindcss": "^3.4.1" } diff --git a/package.json b/package.json index cef3e17..ba19c4d 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,7 @@ "version": "0.1.0", "private": true, "scripts": { - "dev": "next dev", + "dev": "cross-env HOST=nobat724.localhost PORT=3000 next dev", "build": "next build", "start": "next start", "lint": "next lint" @@ -43,6 +43,7 @@ "universal-cookie": "^7.2.1" }, "devDependencies": { + "cross-env": "^7.0.3", "postcss": "^8", "tailwindcss": "^3.4.1" }