diff options
Diffstat (limited to 'src/components/subscription')
-rw-r--r-- | src/components/subscription/TrialForm.js | 19 |
1 files changed, 18 insertions, 1 deletions
diff --git a/src/components/subscription/TrialForm.js b/src/components/subscription/TrialForm.js index 81b1c713c..9fe1c93b7 100644 --- a/src/components/subscription/TrialForm.js +++ b/src/components/subscription/TrialForm.js | |||
@@ -15,6 +15,10 @@ const messages = defineMessages({ | |||
15 | id: 'subscription.cta.activateTrial', | 15 | id: 'subscription.cta.activateTrial', |
16 | defaultMessage: '!!!Yes, start the free Franz Professional trial', | 16 | defaultMessage: '!!!Yes, start the free Franz Professional trial', |
17 | }, | 17 | }, |
18 | allOptionsButton: { | ||
19 | id: 'subscription.cta.allOptions', | ||
20 | defaultMessage: '!!!See all options', | ||
21 | }, | ||
18 | teaserHeadline: { | 22 | teaserHeadline: { |
19 | id: 'settings.account.headlineTrialUpgrade', | 23 | id: 'settings.account.headlineTrialUpgrade', |
20 | defaultMessage: '!!!Get the free 14 day Franz Professional Trial', | 24 | defaultMessage: '!!!Get the free 14 day Franz Professional Trial', |
@@ -39,7 +43,12 @@ const messages = defineMessages({ | |||
39 | 43 | ||
40 | const styles = () => ({ | 44 | const styles = () => ({ |
41 | activateTrialButton: { | 45 | activateTrialButton: { |
42 | margin: [40, 0, 50], | 46 | margin: [40, 0, 10], |
47 | }, | ||
48 | allOptionsButton: { | ||
49 | margin: [0, 0, 40], | ||
50 | background: 'none', | ||
51 | border: 'none', | ||
43 | }, | 52 | }, |
44 | keyTerms: { | 53 | keyTerms: { |
45 | marginTop: 20, | 54 | marginTop: 20, |
@@ -50,6 +59,7 @@ export default @observer @injectSheet(styles) class TrialForm extends Component | |||
50 | static propTypes = { | 59 | static propTypes = { |
51 | activateTrial: PropTypes.func.isRequired, | 60 | activateTrial: PropTypes.func.isRequired, |
52 | isActivatingTrial: PropTypes.bool.isRequired, | 61 | isActivatingTrial: PropTypes.bool.isRequired, |
62 | showAllOptions: PropTypes.func.isRequired, | ||
53 | classes: PropTypes.object.isRequired, | 63 | classes: PropTypes.object.isRequired, |
54 | }; | 64 | }; |
55 | 65 | ||
@@ -61,6 +71,7 @@ export default @observer @injectSheet(styles) class TrialForm extends Component | |||
61 | const { | 71 | const { |
62 | isActivatingTrial, | 72 | isActivatingTrial, |
63 | activateTrial, | 73 | activateTrial, |
74 | showAllOptions, | ||
64 | classes, | 75 | classes, |
65 | } = this.props; | 76 | } = this.props; |
66 | const { intl } = this.context; | 77 | const { intl } = this.context; |
@@ -83,6 +94,12 @@ export default @observer @injectSheet(styles) class TrialForm extends Component | |||
83 | onClick={activateTrial} | 94 | onClick={activateTrial} |
84 | stretch | 95 | stretch |
85 | /> | 96 | /> |
97 | <Button | ||
98 | label={intl.formatMessage(messages.allOptionsButton)} | ||
99 | className={classes.allOptionsButton} | ||
100 | onClick={showAllOptions} | ||
101 | stretch | ||
102 | /> | ||
86 | <div className="subscription__premium-info"> | 103 | <div className="subscription__premium-info"> |
87 | <H3> | 104 | <H3> |
88 | {intl.formatMessage(messages.includedFeatures)} | 105 | {intl.formatMessage(messages.includedFeatures)} |