@shopgate/engage/orders/components/OrderHistory/OrderHistoryList.js

Shopgate's ENGAGE library.

import React from'react';import PropTypes from'prop-types';import I18n from'@shopgate/pwa-common/components/I18n';import{i18n}from'@shopgate/engage/core';import{getTranslatedOrderStatus}from"../../helpers";import{card,list,orderNumber,column,rightAlign,cardContent}from"./OrderHistoryList.style";import{CardList,Link}from"../../../components";import{getOrderDetailsRoute}from"../../helpers/orderDetails";/**
 * The Order History List Item component
 * @param {Object} props props
 * @returns {JSX}
 */export var Row=function Row(props){return React.createElement(CardList.Item,{key:props.orderNumber,className:card,onClick:props.openDetails},React.createElement(Link,{className:cardContent,href:getOrderDetailsRoute(props.orderNumber)},React.createElement("div",{className:column},React.createElement("span",{className:orderNumber},i18n.text('orders.header.orderNumber'),":\xA0",props.orderNumber),React.createElement("span",null,React.createElement(I18n.Date,{timestamp:new Date(props.submitDate).getTime(),format:"short"}),"\xA0",React.createElement(I18n.Time,{timestamp:new Date(props.submitDate).getTime(),format:"short"})),React.createElement("span",null,i18n.text('orders.header.status'),":\xA0",getTranslatedOrderStatus(props.status))),React.createElement("div",{className:column},React.createElement("span",{className:rightAlign},React.createElement(I18n.Price,{currency:props.currencyCode,price:props.total})),React.createElement("span",{className:rightAlign},React.createElement(I18n.Number,{number:props.lineItemCount,fractions:0}),"\xA0",i18n.text('orders.itemCount',{count:props.lineItemCount})))));};/**
 * The Order History List component
 * @param {Object} props props
 * @returns {JSX}
 */export var List=function List(_ref){var children=_ref.children;return React.createElement(CardList,{className:list},children);};