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 ? (
) : (
);
};
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: "پرداخت در محل",
},
],
},
};