import React, { useEffect } from "react"; import { connect } from "react-redux"; import { publicApi, userFactor, userAddress } from "../../redux/actions"; import Address from "./Address"; import TransportMethod from "./TransportMethod"; import TransportDate from "./TransportDate"; import PaymentMethods from "./PaymentMethod"; //assets import ExpressIcon from "../../assets/icons/express.svg"; import PishtazIcon from "../../assets/icons/pishtaz.svg"; export const DeliveryForm = ({ getList, list, setHeaderOptions, headerOptions, form, factorInfo, getFactorInfo, userId, isDark, isMobile, setPhase, }) => { useEffect(() => { if (isMobile) { setHeaderOptions(headerOptions); } getFactorInfo({ userId }); getList(); }, []); const PriceStatus = ({ name, value, type }) => { return (
{name} {value + " " + "تومان"}
); }; return isMobile ? (
) : (
1
2
3
); }; const mapStateToProps = (state) => ({ factorInfo: state.userFactor.info, userId: state.user.status.id, isDark: state.publicApi.isDark, isMobile: state.publicApi.isMobile, list : state.userAddress.list }); const mapDispatchToProps = { setHeaderOptions: publicApi.setHeaderOptions, getFactorInfo: userFactor.info, getList: userAddress.list }; export default connect(mapStateToProps, mapDispatchToProps)(DeliveryForm); DeliveryForm.defaultProps = { form: { addresses: [ { address: " تهران میدان احمد آباد خیابان شریعتی بعد از میدان فجر بن بست شکوفه پلاک 4 زنگ 12", receiver: "احمد نام آور", postalCode: "54352432", cellphone: "09123456789", }, ], transportMethods: [ { name: "ارسال اکسپرس مخصوص شهر تهران", cost: "25.000", icon: ExpressIcon, }, { name: "ارسال با پست پیشتاز", cost: "25.000", icon: PishtazIcon, }, ], transportDate: { day: new Date(), times: [ { time: "ساعت 9 تا 12", status: "completed", }, { time: "ساعت 12 تا 15", status: "free", }, { time: "ساعت 15 تا 18", status: "free", }, ], }, paymentMethods: [ { name: "پرداخت آنلاین با کلیه کارت‌های عضو شبکه شتاب", }, { name: "پرداخت در محل", }, ], }, };