aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/auth/Pricing.js
diff options
context:
space:
mode:
authorLibravatar Stefan Malzner <stefan@adlk.io>2019-10-15 21:40:14 +0200
committerLibravatar Stefan Malzner <stefan@adlk.io>2019-10-15 21:40:14 +0200
commit91a0fb20ef02dfa342cf26df3e047b2bd4370b9f (patch)
treef411b3d7d83a24b015a2a1ed723df2e2a324cc0c /src/components/auth/Pricing.js
parentOptimize button width (diff)
downloadferdium-app-91a0fb20ef02dfa342cf26df3e047b2bd4370b9f.tar.gz
ferdium-app-91a0fb20ef02dfa342cf26df3e047b2bd4370b9f.tar.zst
ferdium-app-91a0fb20ef02dfa342cf26df3e047b2bd4370b9f.zip
simplify plan selection
Diffstat (limited to 'src/components/auth/Pricing.js')
-rw-r--r--src/components/auth/Pricing.js17
1 files changed, 11 insertions, 6 deletions
diff --git a/src/components/auth/Pricing.js b/src/components/auth/Pricing.js
index cbeaaa5d9..40ce49814 100644
--- a/src/components/auth/Pricing.js
+++ b/src/components/auth/Pricing.js
@@ -18,7 +18,7 @@ const messages = defineMessages({
18 }, 18 },
19 personalOffer: { 19 personalOffer: {
20 id: 'pricing.trial.subheadline', 20 id: 'pricing.trial.subheadline',
21 defaultMessage: '!!!Your personal welcome offer:', 21 defaultMessage: '!!!Here\'s a special welcome for you:',
22 }, 22 },
23 noStringsAttachedHeadline: { 23 noStringsAttachedHeadline: {
24 id: 'pricing.trial.terms.headline', 24 id: 'pricing.trial.terms.headline',
@@ -38,7 +38,7 @@ const messages = defineMessages({
38 }, 38 },
39 ctaAccept: { 39 ctaAccept: {
40 id: 'pricing.trial.cta.accept', 40 id: 'pricing.trial.cta.accept',
41 defaultMessage: '!!!Yes, upgrade my account to Franz Professional', 41 defaultMessage: '!!!Start my 14-day Franz Professional Trial ',
42 }, 42 },
43 ctaSkip: { 43 ctaSkip: {
44 id: 'pricing.trial.cta.skip', 44 id: 'pricing.trial.cta.skip',
@@ -58,6 +58,7 @@ const styles = theme => ({
58 welcomeOffer: { 58 welcomeOffer: {
59 textAlign: 'center', 59 textAlign: 'center',
60 fontWeight: 'bold', 60 fontWeight: 'bold',
61 marginBottom: '6 !important',
61 }, 62 },
62 keyTerms: { 63 keyTerms: {
63 textAlign: 'center', 64 textAlign: 'center',
@@ -101,6 +102,7 @@ export default @observer @injectSheet(styles) class Signup extends Component {
101 isLoadingRequiredData: PropTypes.bool.isRequired, 102 isLoadingRequiredData: PropTypes.bool.isRequired,
102 isActivatingTrial: PropTypes.bool.isRequired, 103 isActivatingTrial: PropTypes.bool.isRequired,
103 trialActivationError: PropTypes.bool.isRequired, 104 trialActivationError: PropTypes.bool.isRequired,
105 canSkipTrial: PropTypes.bool.isRequired,
104 classes: PropTypes.object.isRequired, 106 classes: PropTypes.object.isRequired,
105 }; 107 };
106 108
@@ -114,6 +116,7 @@ export default @observer @injectSheet(styles) class Signup extends Component {
114 isLoadingRequiredData, 116 isLoadingRequiredData,
115 isActivatingTrial, 117 isActivatingTrial,
116 trialActivationError, 118 trialActivationError,
119 canSkipTrial,
117 classes, 120 classes,
118 } = this.props; 121 } = this.props;
119 const { intl } = this.context; 122 const { intl } = this.context;
@@ -138,7 +141,7 @@ export default @observer @injectSheet(styles) class Signup extends Component {
138 <br /> 141 <br />
139 </p> 142 </p>
140 <p> 143 <p>
141 Get the free 14 day Franz Professional trial and see your communication evolving. 144 For the next 14 days, we are going to give you the full Franz Professional experience so you can watch your communication evolve!
142 <br /> 145 <br />
143 </p> 146 </p>
144 <p> 147 <p>
@@ -167,9 +170,11 @@ export default @observer @injectSheet(styles) class Signup extends Component {
167 busy={isActivatingTrial} 170 busy={isActivatingTrial}
168 disabled={isLoadingRequiredData || isActivatingTrial} 171 disabled={isLoadingRequiredData || isActivatingTrial}
169 /> 172 />
170 <p className={classes.skipLink}> 173 {canSkipTrial && (
171 <a href="#/">{intl.formatMessage(messages.ctaSkip)}</a> 174 <p className={classes.skipLink}>
172 </p> 175 <a href="#/">{intl.formatMessage(messages.ctaSkip)}</a>
176 </p>
177 )}
173 </form> 178 </form>
174 </div> 179 </div>
175 <div className={classes.featureContainer}> 180 <div className={classes.featureContainer}>