ReduxTemplatesActivateBox.js (1494B)
1 const {__} = wp.i18n 2 3 4 export default function ReduxTemplatesActivateBox({onActivateRedux, activating}) { 5 6 return ( 7 <div className="redux-templates-modal-body"> 8 <div className="section-box premium-box"> 9 <h3>{__('Registration Required to Import Templates', redux_templates.i18n)}</h3> 10 <p>{__(' Register now to import templates from the Redux template library in a single click.', redux_templates.i18n)}</p> 11 <ul> 12 <li><strong>{__('Unlimited', redux_templates.i18n)}</strong> {__('use of our free templates.', redux_templates.i18n)}</li> 13 <li><strong>{__('Updates', redux_templates.i18n)}</strong> {__('to the library.', redux_templates.i18n)}</li> 14 <li><strong>{__('Google Fonts', redux_templates.i18n)}</strong> {__('manual updates.', redux_templates.i18n)}</li> 15 </ul> 16 <p> 17 <button className="button button-primary" 18 disabled={activating} 19 onClick={() => onActivateRedux()}> 20 {activating && <i className="fas fa-spinner fa-pulse" style={{marginRight:'5px'}}/>} 21 <span>{__('Register for Free', redux_templates.i18n)}</span> 22 </button> 23 </p> 24 <p style={{fontSize:'1.1em'}}><small><em dangerouslySetInnerHTML={{__html: redux_templates.tos}} /></small></p> 25 </div> 26 </div> 27 ); 28 }