UNPKG

@open-tender/ui

Version:

A component library for use with the Open Tender web app

github.com/open-tender/open-tender-ui

open-tender/open-tender-ui

28 lines (27 loc) • 2.75 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = require("tslib"); const react_1 = tslib_1.__importDefault(require("react")); const utils_1 = require("../utils"); const Button_1 = tslib_1.__importDefault(require("./Button")); const Text_1 = tslib_1.__importDefault(require("./Text")); const View_1 = tslib_1.__importDefault(require("./View")); const OrderCard = ({ config, handlers, title, orderNo, itemNames, itemImages, subtitle, isReordering, errMsg, renderErrorMessage, apiUrl }) => { return (react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderCard')), react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderCard__container')), react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderCard__header')), react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderCard__orderNo'), { text: orderNo })), react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderCard__title'), { text: title })), react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderCard__subtitle'), { text: subtitle }))), react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderCard__content')), react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderCard__itemImages')), itemImages.map(({ imageUrl }) => { const imageProps = (0, utils_1.makeImageProps)(config, 'orderCard__itemImage', imageUrl, apiUrl); return react_1.default.createElement(View_1.default, Object.assign({ key: imageUrl }, imageProps)); })), react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderCard__itemNames'), { text: itemNames })), errMsg && renderErrorMessage(errMsg)), react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderCard__footer')), react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderCard__reorder'), { onClick: handlers.reorder, disabled: isReordering, text: isReordering ? 'Reordering...' : 'Reorder' })), react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderCard__details'), { onClick: handlers.view, disabled: isReordering })))))); }; exports.default = OrderCard;