bananas-commerce-admin
Version:
What's this, an admin for apes?
47 lines • 2.66 kB
JavaScript
import React from "react";
import { TableBody } from "@mui/material";
import { Header } from "../../../../components/Header";
import SearchBar from "../../../../components/SearchBar";
import { Table } from "../../../../components/Table";
import TableHead from "../../../../components/Table/TableHead";
import TableHeading from "../../../../components/Table/TableHeading";
import TableCard from "../../../../components/TableCard";
import { TitleBar } from "../../../../components/TitleBar";
import Content from "../../../../containers/Content";
import { useI18n } from "../../../../contexts/I18nContext";
import { useRouter } from "../../../../contexts/RouterContext";
import { PurchaseRow } from "../../components/PurchaseRow";
const PurchaseListPage = ({ data }) => {
const { t } = useI18n();
const { navigate } = useRouter();
return (React.createElement(React.Fragment, null,
React.createElement(Header, null,
React.createElement(TitleBar, { title: "Purchases" },
React.createElement(SearchBar, { defaultValue: new URLSearchParams(window.location.search).get("search") ?? "", placeholder: t("Search by email, phone, or number…"), onSubmit: (input) => {
if (input === "") {
navigate("pos.purchase:list", {
replace: true,
});
}
else {
navigate("pos.purchase:list", {
query: {
search: input,
},
replace: true,
});
}
} }))),
React.createElement(Content, { layout: "fullWidth" },
React.createElement(TableCard, null,
React.createElement(Table, { pagination: true, count: data?.count },
React.createElement(TableHead, null,
React.createElement(TableHeading, { width: 60 }, t("Number")),
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, data?.results.map((purchase) => (React.createElement(PurchaseRow, { key: purchase.number, purchase: purchase })))))))));
};
export default PurchaseListPage;
//# sourceMappingURL=list.js.map