import React, { Component } from "react"; import { connect } from "react-redux"; import Navbar from "../Home/Navbar"; import { userFactor } from "~/Redux/actions"; import "./index.css"; import moment from "jalali-moment"; const grades = [ "پیش دبستان", "اول", "دوم", "سوم", "چهارم", "پنجم", "ششم", "هفتم", "هشتم", "نهم", "دهم", "یازدهم", "دوازدهم", ]; class Orders extends Component { componentDidMount() { console.log(this.props); if (!this.props.list) this.props.getList(); } render() { // props.getList(); let data = this.props.list; console.log(data); return (
سفارشات من
{data != null && data.map((item, i) => (
شناسه سفارش: {item.id}
{item.condition == 1 && "در حال پردازش"} {item.condition == 2 && "ارسال شد"} {item.condition == 3 && "لغو شد"}
شناسه پرداخت : {item.transactionId}
{moment(item.payedAt).format("jYYYY/jMM/jDD hh:mm")}
مبلغ : {item.payPrice}{" "} تومان
{item.offCodePrice != 0 && (
تخفیف : {item.offPrice}{" "} تومان
)}
{item.products.map((item, i) => (
{item.count}{" "} ×
{`${item.book.name} ${grades[item.book.gradeId]}`}
))}
))} {data == null && (
سفارشی برای نماش وجود ندارد
)}
); } } export default connect( (state) => ({ list: state.userFactor.list, }), { getList: userFactor.list, } )(Orders);