@shopgate/engage/orders/components/OrderHistory/OrderHistoryTable.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{tableHeader,tableRow}from"./OrderHistoryTable.style";import{Card}from"../../../components";/**
 * The Order History Table Row component
 * @param {Object} props props
 * @returns {JSX}
 */export var TableRow=function TableRow(props){return React.createElement("tr",{key:props.orderNumber,className:tableRow,onClick:props.openDetails},React.createElement("td",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("td",null,props.orderNumber),React.createElement("td",null,getTranslatedOrderStatus(props.status)),React.createElement("td",{align:"right"},React.createElement(I18n.Number,{number:props.lineItemCount,fractions:0})),React.createElement("td",{align:"right"},React.createElement(I18n.Price,{currency:props.currencyCode,price:props.total})));};/**
 * The Order History Table component
 * @param {Object} props props
 * @returns {JSX}
 */export var Table=function Table(_ref){var children=_ref.children;return React.createElement(Card,null,React.createElement("table",null,React.createElement("thead",null,React.createElement("tr",{className:tableHeader},React.createElement("th",{align:"left"},i18n.text('orders.header.date')),React.createElement("th",{align:"left"},i18n.text('orders.header.orderNumber')),React.createElement("th",{align:"left"},i18n.text('orders.header.status')),React.createElement("th",{align:"right"},i18n.text('orders.header.lineItemCount')),React.createElement("th",{align:"right"},i18n.text('orders.header.total')))),React.createElement("tbody",null,children)));};