import React, { useState, 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 */} حذف ویرایش ) : ( userAddressId === address?.id ? {} : update({ userAddressId: address.id, userId }) } > {loading && userAddressId !== address?.id ? ( ) : ( )} آدرس: {address.address} کد پستی: {address.postalCode} نام تحویل گیرنده: {address.firstName + " " + address.lastName} شماره تماس: {address.cellphone} حذف ویرایش ); }; return isMobile ? ( انتخاب آدرس {addresses.map((address, index) => ( ))} setPhase("address")} style={{ border: `1px solid ${isDark ? "#DBDBDB22" : "#DBDBDB"}`, }} > یک آدرس جدید اضافه کنید + ) : ( انتخاب آدرس {addresses.map((address, index) => ( ))} setPhase("address")} style={{ border: `1px solid ${isDark ? "#DBDBDB22" : "#DBDBDB"}`, }} > یک آدرس جدید اضافه کنید + ); } 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 = {};