import React, { useEffect } from "react"; import { connect } from "react-redux"; import { userFactor } from "../../../redux/actions"; //components import Radio from "../../../components/Radio"; import Loading from "../../../components/Loading"; import editButton from "../../../assets/icons/edit.svg"; import trash from "../../../assets/icons/trash.svg"; function Address({ addresses, isMobile, setPhase, update, userId, userAddressId, loading, isDark, }) { const Location = ({ address, active }) => { return isMobile ? ( userAddressId === address?.id ? {} : update({ userAddressId: address.id, userId }) } > {loading && userAddressId !== address?.id ? ( ) : ( // )} {address.address} {/* edit / delete button */} {window.t("حذف")} {window.t("ویرایش")} ) : ( userAddressId === address?.id ? {} : update({ userAddressId: address.id, userId }) } > {loading && userAddressId !== address?.id ? ( ) : ( // )} {window.t(" آدرس:")} {address.address} {window.t("کد پستی:")} {address.postalCode} {window.t("نام تحویل گیرنده:")} {address.firstName + " " + address.lastName} {window.t("شماره تماس:")} {address.cellphone} {window.t("حذف")} {window.t("ویرایش")} ); }; useEffect(() => { window.scrollTo(0, 0); }, []); return isMobile ? ( {window.t("انتخاب آدرس")} {addresses.map((address, index) => ( ))} setPhase("address")} style={{ border: `1px solid ${isDark ? "#DBDBDB22" : "#DBDBDB"}`, }} > {window.t("یک آدرس جدید اضافه کنید")} + ) : ( {window.t("انتخاب آدرس")} {addresses.map((address, index) => ( ))} setPhase("address")} style={{ border: `1px solid ${isDark ? "#DBDBDB22" : "#DBDBDB"}`, }} > {window.t("یک آدرس جدید اضافه کنید")} + ); } const mapStateToProps = (state) => ({ isDark: state.publicApi.isDark, isMobile: state.publicApi.isMobile, userId: state.user.status?.id, userAddressId: state.userFactor.info?.userAddressId, loading: state.userFactor.loading, }); const mapDispatchToProps = { update: userFactor.update, }; export default connect(mapStateToProps, mapDispatchToProps)(Address); Address.defaultProps = {};