@shopgate/engage
Version:
Shopgate's ENGAGE library.
5 lines • 1.37 kB
JavaScript
import React,{Fragment,useMemo}from'react';import{css}from'glamor';import{i18n,useRoute}from'@shopgate/engage/core';import{ResponsiveContainer}from'@shopgate/engage/components';import{ResponsiveBackButton}from"../ResponsiveBackButton";import ProfileContact from"../../../account/components/ProfileContact";import AddressBookProvider from"../../providers/AddressBookProvider";import{ADDRESS_TYPE_BILLING}from"../../constants";var styles={headline:css({padding:16,fontSize:'2.125rem',fontWeight:'normal',margin:0,lineHeight:'2.25rem'}).toString()};/**
* AddressBookContact
* @param {Object} props The component props
* @returns {JSX}
*/var AddressBookContact=function AddressBookContact(){var _useRoute=useRoute(),contact=_useRoute.state.contact,_useRoute$params$type=_useRoute.params.type,type=_useRoute$params$type===void 0?ADDRESS_TYPE_BILLING:_useRoute$params$type;var title=useMemo(function(){var mode=contact?'edit':'add';return i18n.text("titles.checkout_addresses_".concat(mode,"_").concat(type));},[contact,type]);return React.createElement(Fragment,null,React.createElement(ResponsiveContainer,{webOnly:true,breakpoint:">xs"},React.createElement(ResponsiveBackButton,null),React.createElement("h1",{className:styles.headline},title)),React.createElement(AddressBookProvider,null,React.createElement(ProfileContact,null)));};export default AddressBookContact;