bananas-commerce-admin
Version:
What's this, an admin for apes?
42 lines • 3.08 kB
JavaScript
import React from "react";
import { Chip, TableBody, Typography } from "@mui/material";
import Card from "../../../components/Card";
import { Table } from "../../../components/Table";
import { TableCell } from "../../../components/Table/TableCell";
import TableHead from "../../../components/Table/TableHead";
import TableHeading from "../../../components/Table/TableHeading";
import { NavigatingTableRow } from "../../../components/Table/TableRow";
import Content from "../../../containers/Content";
import { useI18n } from "../../../contexts/I18nContext";
import { formatPurchaseNumber } from "../../../util/format_purchase_number";
import { getPurchaseItemTitle } from "../../../util/purchase_item_title";
const PurchasesCard = ({ data: { next: _next, previous: _previous, results }, }) => {
const { t } = useI18n();
const compactRightCellSx = { width: 1, whiteSpace: "nowrap" };
return (React.createElement(Content, { layout: "fullWidth" },
results.length === 0 ? (React.createElement(Typography, { align: "center", color: "text.disabled", fontSize: "italic", m: "0 auto" }, t("No purchases yet."))) : null,
results.length > 0 && (React.createElement(Card, null,
React.createElement(Table, { pagination: true, count: results.length },
React.createElement(TableHead, null,
React.createElement(TableHeading, { width: 40 }, t("#")),
React.createElement(TableHeading, null, t("Items")),
React.createElement(TableHeading, { align: "right", sx: compactRightCellSx }, t("Total")),
React.createElement(TableHeading, { align: "right", sx: compactRightCellSx }, t("Date"))),
React.createElement(TableBody, null, results.map((purchase) => (React.createElement(NavigatingTableRow, { key: purchase.number, route: "pos.purchase:detail", routeParams: { purchase_number: purchase.number } },
React.createElement(TableCell, null, formatPurchaseNumber(purchase.number)),
React.createElement(TableCell, null, getPurchaseItemTitle(purchase.items)),
React.createElement(TableCell, { align: "right", sx: compactRightCellSx }, `${purchase.total_amount} ${purchase.currency}`),
React.createElement(TableCell, { align: "right", sx: compactRightCellSx },
!purchase.date_confirmed && (React.createElement(React.Fragment, null,
React.createElement(Chip, { color: "warning", label: t("Unconfirmed"), size: "small", sx: { ml: 1 } }),
" ")),
new Date(purchase.date_confirmed ?? purchase.date_created).toLocaleString("sv-SE", {
year: "numeric",
month: "numeric",
day: "numeric",
hour: "numeric",
minute: "numeric",
})))))))))));
};
export default PurchasesCard;
//# sourceMappingURL=PurchasesCard.js.map