bananas-commerce-admin
Version:
What's this, an admin for apes?
23 lines • 1.35 kB
JavaScript
import React from "react";
import Checkbox from "@mui/material/Checkbox";
import ListItem from "@mui/material/ListItem";
import ListItemText from "@mui/material/ListItemText";
import Tooltip from "@mui/material/Tooltip";
import Typography from "@mui/material/Typography";
export const ReceiptLine = ({ line, currency, onSelect }) => {
const [selected, setSelected] = React.useState(false);
React.useEffect(() => {
onSelect?.(selected);
}, [selected]);
return (React.createElement(ListItem, { sx: { display: "flex", flexDirection: "line", alignItems: "baseline" } },
React.createElement(Checkbox, { color: "secondary", value: selected, onChange: (_, checked) => setSelected(checked) }),
React.createElement(ListItemText, { primary: line.title, secondary: line.reference, sx: { width: "50%" } }),
React.createElement(Tooltip, { title: "Quantity" },
React.createElement(ListItemText, { primary: `${line.quantity} st`, sx: { width: "20%" } })),
React.createElement(ListItemText, { disableTypography: true, primary: React.createElement(Tooltip, { title: "Price" },
React.createElement(Typography, null,
line.total_amount,
" ",
currency)), sx: { width: "30%" } })));
};
//# sourceMappingURL=ReceiptLine.js.map