@open-tender/ui
Version:
A component library for use with the Open Tender web app
23 lines (22 loc) • 2.18 kB
JavaScript
import React from 'react';
import { Button, Image, Text, View } from '../components';
import { makeProps } from '../utils';
const Guest = ({ config, handlers, hasCustomer, deals, renderDiscount }) => {
return (React.createElement(React.Fragment, null,
React.createElement(View, Object.assign({}, makeProps(config, 'guest')),
React.createElement(View, Object.assign({}, makeProps(config, 'guest__header')),
React.createElement(Image, Object.assign({}, makeProps(config, 'guest__logo'))),
React.createElement(View, Object.assign({}, makeProps(config, 'guest__buttons')),
React.createElement(Button, Object.assign({}, makeProps(config, 'guest__orderNow'), { onClick: handlers.orderNow, text: "Order Now" })),
React.createElement(View, Object.assign({}, makeProps(config, 'guest__signIn')), hasCustomer ? (React.createElement(Button, Object.assign({}, makeProps(config, 'guest__signInButton'), { onClick: handlers.goToAccount, text: "Visit Your Account" }))) : (React.createElement(Button, Object.assign({}, makeProps(config, 'guest__signInButton'), { onClick: handlers.signIn, text: "Sign Into Your Account" })))))),
React.createElement(View, Object.assign({}, makeProps(config, 'guest__content'))),
React.createElement(View, Object.assign({}, makeProps(config, 'guest__footer')),
React.createElement(View, Object.assign({}, makeProps(config, 'guest__dealsHeader')),
React.createElement(Text, Object.assign({}, makeProps(config, 'guest__dealsTitle')))),
React.createElement(View, Object.assign({}, makeProps(config, 'guest__dealsContent')),
React.createElement(View, Object.assign({}, makeProps(config, 'guest__deals')), deals &&
renderDiscount &&
deals.map(deal => (React.createElement(View, Object.assign({ key: deal.discount_id }, makeProps(config, 'guest__deal')),
React.createElement(View, Object.assign({}, makeProps(config, 'guest__dealContainer')), renderDiscount(deal)))))))))));
};
export default Guest;