@open-tender/ui
Version:
A component library for use with the Open Tender web app
19 lines (18 loc) • 1.28 kB
JavaScript
import { formatDollars } from '@open-tender/utils';
import React from 'react';
import { makeImageProps, makeProps } from '../utils';
import Text from './Text';
import View from './View';
const OrderDetailsItem = ({ config, orderItem, apiUrl }) => {
const { name, images, description, price_total } = orderItem;
const [image] = images;
const imageProps = makeImageProps(config, 'orderDetailsItem__image', image.url, apiUrl);
return (React.createElement(View, Object.assign({}, makeProps(config, 'orderDetailsItem')),
React.createElement(View, Object.assign({}, imageProps)),
React.createElement(View, Object.assign({}, makeProps(config, 'orderDetailsItem__content')),
React.createElement(View, Object.assign({}, makeProps(config, 'orderDetailsItem__header')),
React.createElement(Text, Object.assign({}, makeProps(config, 'orderDetailsItem__title'), { text: name })),
!!description && (React.createElement(Text, Object.assign({}, makeProps(config, 'orderDetailsItem__description'), { text: description })))),
React.createElement(Text, Object.assign({}, makeProps(config, 'orderDetailsItem__price'), { text: formatDollars(price_total.toString()) })))));
};
export default OrderDetailsItem;