diff options
Diffstat (limited to 'src/components/subscription/SubscriptionForm.js')
-rw-r--r-- | src/components/subscription/SubscriptionForm.js | 49 |
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 @@ | |||
1 | import React, { Component } from 'react'; | 1 | import React, { Component, Fragment } from 'react'; |
2 | import PropTypes from 'prop-types'; | 2 | import PropTypes from 'prop-types'; |
3 | import { observer, PropTypes as MobxPropTypes } from 'mobx-react'; | 3 | import { observer, PropTypes as MobxPropTypes } from 'mobx-react'; |
4 | import { defineMessages, intlShape } from 'react-intl'; | 4 | import { 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} |