@open-tender/ui/dist/esm/screens/Account/Account.js

A component library for use with the Open Tender web app

import React from 'react';
import { Button, Text, View } from '../../components';
import { makeProps } from '../../utils';
const Account = ({ config, handlers, customer, isLoading, renderHeader, renderLoader, renderRewardsSection, renderRecentOrdersSection }) => {
    const { first_name } = customer;
    const greeting = `Welcome back, ${first_name}!`;
    return (React.createElement(React.Fragment, null,
        renderHeader(),
        React.createElement(View, Object.assign({}, makeProps(config, 'account')),
            React.createElement(View, Object.assign({}, makeProps(config, 'account__header')),
                React.createElement(Text, Object.assign({}, makeProps(config, 'account__title'), { text: greeting })),
                React.createElement(View, Object.assign({}, makeProps(config, 'account__buttons')),
                    React.createElement(Button, Object.assign({}, makeProps(config, 'account__orderNow'), { onClick: handlers.startOrder })),
                    React.createElement(Button, Object.assign({}, makeProps(config, 'account__signOut'), { onClick: handlers.signOut })))),
            isLoading ? (React.createElement(View, Object.assign({}, makeProps(config, 'account__content')), renderLoader())) : (React.createElement(View, Object.assign({}, makeProps(config, 'account__content')),
                renderRewardsSection(),
                renderRecentOrdersSection())))));
};
export default Account;