import React from "react";
import { connect } from "react-redux";
import { Link } from "react-router-dom";
import moment from "jalali-moment";
//assets
import leftArrowIcon from "../../../assets/icons/dropdown-blue.svg";
const colors = {
1: "#FFF700",
4: "#FF0000",
3: "#4CFF00",
2: "#196EC0",
};
const status = {
1: window.t("در حال پردازش"),
4: window.t("درخواست رد شد"),
3: window.t("تکمیل شد"),
2: window.t("ارسال شده"),
};
function Order({ order, setDashboardPage, isDashboard }) {
return (
{order?.transactionId ? (
{"شماره سفارش:" + " " + order?.transactionId}
) : null}
{order?.condition ? (
{status[order?.condition]}
) : null}
{order.userProducts.length < 2
? order?.userProducts?.map((product, index) => (

))
: order.userProducts
?.slice(0, 1)
?.map((product, index) => (

))}
{order?.followCode ? (
{"کد تحویل:" + " " + order?.followCode}
) : null}
{order?.payPrice ? (
{"جمع فاکتور:" + " " + order?.payPrice}
) : null}
(isDashboard ? setDashboardPage("order") : {})}
>
{window.t("جزئیات سفارش")}

{order?.payedAt ? (
{"تاریخ سفارش:" +
" " +
moment(order?.payedAt)?.format("jYYYY/jMM/jDD")}{" "}
) : null}
);
}
const mapStateToProps = (state) => ({
isMobile: state.config.device === "mobile",
});
export default connect(mapStateToProps)(Order);