bananas-commerce-admin
Version:
What's this, an admin for apes?
33 lines • 2.41 kB
JavaScript
import React from "react";
import { TableBody, Typography } from "@mui/material";
import { DateTime } from "luxon";
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";
const PurchasesCard = ({ data: { next: _next, previous: _previous, results }, }) => {
const { t } = useI18n();
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("Name")),
React.createElement(TableHeading, null, t("Email")),
React.createElement(TableHeading, null, t("Phone")),
React.createElement(TableHeading, null, 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, purchase.given_name ? `${purchase.given_name} ${purchase.family_name}` : "—"),
React.createElement(TableCell, null, purchase.email),
React.createElement(TableCell, null, purchase.phone),
React.createElement(TableCell, null, DateTime.fromISO(purchase.date_confirmed).toFormat("yyyy-MM-dd, HH:mm")))))))))));
};
export default PurchasesCard;
//# sourceMappingURL=PurchasesCard.js.map