aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/subscription/SubscriptionForm.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/subscription/SubscriptionForm.js')
-rw-r--r--src/components/subscription/SubscriptionForm.js49
1 files changed, 23 insertions, 26 deletions
diff --git a/src/components/subscription/SubscriptionForm.js b/src/components/subscription/SubscriptionForm.js
index 12e8471ff..90da8ddc3 100644
--- a/src/components/subscription/SubscriptionForm.js
+++ b/src/components/subscription/SubscriptionForm.js
@@ -1,4 +1,4 @@
1import React, { Component } from 'react'; 1import React, { Component, Fragment } from 'react';
2import PropTypes from 'prop-types'; 2import PropTypes from 'prop-types';
3import { observer, PropTypes as MobxPropTypes } from 'mobx-react'; 3import { observer, PropTypes as MobxPropTypes } from 'mobx-react';
4import { defineMessages, intlShape } from 'react-intl'; 4import { defineMessages, intlShape } from 'react-intl';
@@ -81,8 +81,7 @@ export default @observer class SubscriptionForm extends Component {
81 hideInfo: PropTypes.bool.isRequired, 81 hideInfo: PropTypes.bool.isRequired,
82 }; 82 };
83 83
84 static defaultProps ={ 84 static defaultProps = {
85 content: '',
86 showSkipOption: false, 85 showSkipOption: false,
87 skipAction: () => null, 86 skipAction: () => null,
88 skipButtonLabel: '', 87 skipButtonLabel: '',
@@ -158,35 +157,33 @@ export default @observer class SubscriptionForm extends Component {
158 <Radio field={this.form.$('paymentTier')} showLabel={false} className="paymentTiers" /> 157 <Radio field={this.form.$('paymentTier')} showLabel={false} className="paymentTiers" />
159 {!hideInfo && ( 158 {!hideInfo && (
160 <div className="subscription__premium-info"> 159 <div className="subscription__premium-info">
161 <div> 160 <p>
162 <p> 161 <strong>{intl.formatMessage(messages.includedFeatures)}</strong>
163 <strong>{intl.formatMessage(messages.includedFeatures)}</strong> 162 </p>
164 </p> 163 <div className="subscription">
165 <div className="subscription"> 164 <ul className="subscription__premium-features">
166 <ul className="subscription__premium-features"> 165 <li>{intl.formatMessage(messages.features.onpremise)}</li>
167 <li>{intl.formatMessage(messages.features.onpremise)}</li> 166 <li>
168 <li> 167 {intl.formatMessage(messages.features.noInterruptions)}
169 {intl.formatMessage(messages.features.noInterruptions)} 168 </li>
170 </li> 169 <li>
171 <li> 170 {intl.formatMessage(messages.features.spellchecker)}
172 {intl.formatMessage(messages.features.spellchecker)} 171 </li>
173 </li> 172 <li>
174 <li> 173 {intl.formatMessage(messages.features.proxy)}
175 {intl.formatMessage(messages.features.proxy)} 174 </li>
176 </li> 175 <li>
177 <li> 176 {intl.formatMessage(messages.features.ads)}
178 {intl.formatMessage(messages.features.ads)} 177 </li>
179 </li> 178 </ul>
180 </ul>
181 </div>
182 </div> 179 </div>
183 </div> 180 </div>
184 )} 181 )}
185 <div> 182 <Fragment>
186 {error.code === 'no-payment-session' && ( 183 {error.code === 'no-payment-session' && (
187 <p className="error-message center">{intl.formatMessage(messages.paymentSessionError)}</p> 184 <p className="error-message center">{intl.formatMessage(messages.paymentSessionError)}</p>
188 )} 185 )}
189 </div> 186 </Fragment>
190 {showSkipOption && this.form.$('paymentTier').value === 'skip' ? ( 187 {showSkipOption && this.form.$('paymentTier').value === 'skip' ? (
191 <Button 188 <Button
192 label={skipButtonLabel} 189 label={skipButtonLabel}