@open-tender/ui
Version:
A component library for use with the Open Tender web app
25 lines (24 loc) • 2.1 kB
JavaScript
import React from 'react';
import { makeImageProps, makeProps } from '../utils';
import Button from './Button';
import Text from './Text';
import View from './View';
const OrderCard = ({ config, handlers, title, orderNo, itemNames, itemImages, subtitle, isReordering, errMsg, renderErrorMessage, apiUrl }) => {
return (React.createElement(View, Object.assign({}, makeProps(config, 'orderCard')),
React.createElement(View, Object.assign({}, makeProps(config, 'orderCard__container')),
React.createElement(View, Object.assign({}, makeProps(config, 'orderCard__header')),
React.createElement(Text, Object.assign({}, makeProps(config, 'orderCard__orderNo'), { text: orderNo })),
React.createElement(Text, Object.assign({}, makeProps(config, 'orderCard__title'), { text: title })),
React.createElement(Text, Object.assign({}, makeProps(config, 'orderCard__subtitle'), { text: subtitle }))),
React.createElement(View, Object.assign({}, makeProps(config, 'orderCard__content')),
React.createElement(View, Object.assign({}, makeProps(config, 'orderCard__itemImages')), itemImages.map(({ imageUrl }) => {
const imageProps = makeImageProps(config, 'orderCard__itemImage', imageUrl, apiUrl);
return React.createElement(View, Object.assign({ key: imageUrl }, imageProps));
})),
React.createElement(Text, Object.assign({}, makeProps(config, 'orderCard__itemNames'), { text: itemNames })),
errMsg && renderErrorMessage(errMsg)),
React.createElement(View, Object.assign({}, makeProps(config, 'orderCard__footer')),
React.createElement(Button, Object.assign({}, makeProps(config, 'orderCard__reorder'), { onClick: handlers.reorder, disabled: isReordering, text: isReordering ? 'Reordering...' : 'Reorder' })),
React.createElement(Button, Object.assign({}, makeProps(config, 'orderCard__details'), { onClick: handlers.view, disabled: isReordering }))))));
};
export default OrderCard;