@open-tender/ui
Version:
A component library for use with the Open Tender web app
22 lines (21 loc) • 1.71 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const utils_1 = require("@open-tender/utils");
const react_1 = tslib_1.__importDefault(require("react"));
const utils_2 = require("../utils");
const Text_1 = tslib_1.__importDefault(require("./Text"));
const View_1 = tslib_1.__importDefault(require("./View"));
const OrderDetailsItem = ({ config, orderItem, apiUrl }) => {
const { name, images, description, price_total } = orderItem;
const [image] = images;
const imageProps = (0, utils_2.makeImageProps)(config, 'orderDetailsItem__image', image.url, apiUrl);
return (react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_2.makeProps)(config, 'orderDetailsItem')),
react_1.default.createElement(View_1.default, Object.assign({}, imageProps)),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_2.makeProps)(config, 'orderDetailsItem__content')),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_2.makeProps)(config, 'orderDetailsItem__header')),
react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_2.makeProps)(config, 'orderDetailsItem__title'), { text: name })),
!!description && (react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_2.makeProps)(config, 'orderDetailsItem__description'), { text: description })))),
react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_2.makeProps)(config, 'orderDetailsItem__price'), { text: (0, utils_1.formatDollars)(price_total.toString()) })))));
};
exports.default = OrderDetailsItem;