bananas-commerce-admin

Version:
What's this, an admin for apes?
34 lines • 2.4 kB
JavaScript
import React, { useState } from "react";
import CategoryOutlinedIcon from "@mui/icons-material/CategoryOutlined";
import Typography from "@mui/material/Typography";
import { ContribInlines } from "../../../../components/ContribInlines";
import { Header } from "../../../../components/Header";
import { Page } from "../../../../components/Page";
import { Tab } from "../../../../components/Tab";
import { TabPanel } from "../../../../components/TabPanel";
import { TabPanels } from "../../../../components/TabPanels";
import { Tabs } from "../../../../components/Tabs";
import { TitleBar } from "../../../../components/TitleBar";
import Content, { LeftColumn, RightColumn } from "../../../../containers/Content";
import { ArticleCard } from "../../components/ArticleCard";
import { MeasurementsCard } from "../../components/MeasurementsCard";
import { PHYSICAL_ITEM_TYPES } from "../../utils";
const ArticleDetailPage = ({ data }) => {
    const [article, setArticle] = useState(data);
    return (React.createElement(Page, null,
        React.createElement(Header, { variant: "opaque" },
            React.createElement(TitleBar, { title: React.createElement(React.Fragment, null,
                    data.name,
                    React.createElement(Typography, { sx: { pl: 1 }, variant: "button" }, data.code)) }),
            React.createElement(Tabs, { data: article },
                React.createElement(Tab, { key: "default", icon: React.createElement(CategoryOutlinedIcon, null), label: "Article", value: "default" }))),
        React.createElement(TabPanels, { contribParams: { code: data.code } },
            React.createElement(TabPanel, { key: "default", value: "default" },
                React.createElement(Content, { layout: "fixedWidth" },
                    React.createElement(LeftColumn, null,
                        React.createElement(ArticleCard, { article: article, onUpdated: setArticle }),
                        React.createElement(ContribInlines, { contribParams: { code: data.code }, data: data })),
                    React.createElement(RightColumn, null, PHYSICAL_ITEM_TYPES.includes(article.item_type) && (React.createElement(MeasurementsCard, { measurements: article.measurements, setMeasurements: (measurements) => setArticle((previous) => ({ ...previous, measurements })) }))))))));
};
export default ArticleDetailPage;
//# sourceMappingURL=detail.js.map