@open-tender/ui
Version:
A component library for use with the Open Tender web app
23 lines (22 loc) • 1.89 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const components_1 = require("../../components");
const utils_1 = require("../../utils");
const Account = ({ config, handlers, customer, isLoading, renderHeader, renderLoader, renderRewardsSection, renderRecentOrdersSection }) => {
const { first_name } = customer;
const greeting = `Welcome back, ${first_name}!`;
return (react_1.default.createElement(react_1.default.Fragment, null,
renderHeader(),
react_1.default.createElement(components_1.View, Object.assign({}, (0, utils_1.makeProps)(config, 'account')),
react_1.default.createElement(components_1.View, Object.assign({}, (0, utils_1.makeProps)(config, 'account__header')),
react_1.default.createElement(components_1.Text, Object.assign({}, (0, utils_1.makeProps)(config, 'account__title'), { text: greeting })),
react_1.default.createElement(components_1.View, Object.assign({}, (0, utils_1.makeProps)(config, 'account__buttons')),
react_1.default.createElement(components_1.Button, Object.assign({}, (0, utils_1.makeProps)(config, 'account__orderNow'), { onClick: handlers.startOrder })),
react_1.default.createElement(components_1.Button, Object.assign({}, (0, utils_1.makeProps)(config, 'account__signOut'), { onClick: handlers.signOut })))),
isLoading ? (react_1.default.createElement(components_1.View, Object.assign({}, (0, utils_1.makeProps)(config, 'account__content')), renderLoader())) : (react_1.default.createElement(components_1.View, Object.assign({}, (0, utils_1.makeProps)(config, 'account__content')),
renderRewardsSection(),
renderRecentOrdersSection())))));
};
exports.default = Account;