bananas-commerce-admin
Version:
What's this, an admin for apes?
26 lines • 1.99 kB
JavaScript
import React from "react";
import MoveToInboxOutlinedIcon from "@mui/icons-material/MoveToInboxOutlined";
import VolunteerActivismOutlinedIcon from "@mui/icons-material/VolunteerActivismOutlined";
import { Typography } from "@mui/material";
import { ChipsSearchBar } from "../../../../components/ChipsSearchBar";
import { Header } from "../../../../components/Header";
import { Page } from "../../../../components/Page";
import { Tab } from "../../../../components/Tab";
import { Tabs } from "../../../../components/Tabs";
import { TitleBar } from "../../../../components/TitleBar";
import Content from "../../../../containers/Content";
import { useI18n } from "../../../../contexts/I18nContext";
import OrderAccordion from "../../components/order/OrderAccordion";
export const ShipmentListPage = ({ data: { next: _next, previous: _previous, results }, }) => {
const { t } = useI18n();
return (React.createElement(Page, { defaultTab: "PENDING", tabSearchParam: "state" },
React.createElement(Header, { variant: "opaque" },
React.createElement(TitleBar, { title: "Pickup" },
React.createElement(ChipsSearchBar, { allowedTypes: ["email", "phone", "purchase_number"], placeholder: "Search by email, phone, or number\u2026" })),
React.createElement(Tabs, null,
React.createElement(Tab, { icon: React.createElement(MoveToInboxOutlinedIcon, null), label: "New orders", value: "PENDING" }),
React.createElement(Tab, { icon: React.createElement(VolunteerActivismOutlinedIcon, null), label: "Ready for pickup", value: "READY_FOR_PICKUP" }))),
React.createElement(Content, { layout: "fullWidth" }, results.length === 0 ? (React.createElement(Typography, { align: "center", color: "divider", m: "0 auto" }, t("No orders found"))) : (results.map((order) => React.createElement(OrderAccordion, { key: order.reference, order: order }))))));
};
export default ShipmentListPage;
//# sourceMappingURL=list.js.map