bananas-commerce-admin
Version:
What's this, an admin for apes?
31 lines • 2.15 kB
JavaScript
import React from "react";
import { TableBody, TableCell, TableHead, TableRow } from "@mui/material";
import Card from "../../../components/Card";
import CardHeader from "../../../components/Card/CardHeader";
import Table from "../../../components/Table";
import TableHeading from "../../../components/Table/TableHeading";
import { useI18n } from "../../../contexts/I18nContext";
const ArticleInventoryCard = ({ data }) => {
const { t } = useI18n();
return (React.createElement(Card, null,
React.createElement(CardHeader, { title: "Inventory" }),
React.createElement(Table, { count: data.length },
React.createElement(TableHead, null,
React.createElement(TableRow, null,
React.createElement(TableHeading, null, t("Warehouse")),
React.createElement(TableHeading, { align: "right" }, t("On Hand")),
React.createElement(TableHeading, { align: "right" }, t("Allocated")),
React.createElement(TableHeading, { align: "right" }, t("Available")))),
React.createElement(TableBody, { sx: { ".MuiTableRow-root:last-child > .MuiTableCell-root": { borderBottom: "none" } } },
data.length === 0 && (React.createElement(TableRow, null,
React.createElement(TableCell, { align: "center", colSpan: 4, sx: { color: "GrayText" } }, t("No inventory")))),
data
.sort((a, b) => (a.warehouse_code < b.warehouse_code ? -1 : 1))
.map((stock) => (React.createElement(TableRow, { key: stock.warehouse_code, sx: { height: 56 } },
React.createElement(TableCell, { sx: { py: 0 } }, stock.warehouse_code),
React.createElement(TableCell, { align: "right", sx: { py: 0 } }, stock.quantity_on_hand),
React.createElement(TableCell, { align: "right", sx: { py: 0 } }, stock.allocated_quantity),
React.createElement(TableCell, { align: "right", sx: { py: 0 } }, stock.availability))))))));
};
export default ArticleInventoryCard;
//# sourceMappingURL=ArticleInventory.js.map