diff options
author | Stefan Malzner <stefan@adlk.io> | 2019-10-16 10:22:00 +0200 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2019-10-16 10:22:00 +0200 |
commit | ba578b8a6df8d31136fb170e78b70a71dad85e31 (patch) | |
tree | a8c980cc83e6014fd7befefd240b8364d40447d3 /src/features/planSelection/components/PlanSelection.js | |
parent | plan selection polishing (diff) | |
download | ferdium-app-ba578b8a6df8d31136fb170e78b70a71dad85e31.tar.gz ferdium-app-ba578b8a6df8d31136fb170e78b70a71dad85e31.tar.zst ferdium-app-ba578b8a6df8d31136fb170e78b70a71dad85e31.zip |
polishing
Diffstat (limited to 'src/features/planSelection/components/PlanSelection.js')
-rw-r--r-- | src/features/planSelection/components/PlanSelection.js | 27 |
1 files changed, 16 insertions, 11 deletions
diff --git a/src/features/planSelection/components/PlanSelection.js b/src/features/planSelection/components/PlanSelection.js index 9cd592083..1a45cf035 100644 --- a/src/features/planSelection/components/PlanSelection.js +++ b/src/features/planSelection/components/PlanSelection.js | |||
@@ -137,6 +137,9 @@ const styles = theme => ({ | |||
137 | border: '1px solid red', | 137 | border: '1px solid red', |
138 | overflow: 'scroll-x', | 138 | overflow: 'scroll-x', |
139 | }, | 139 | }, |
140 | featuredPlan: { | ||
141 | transform: 'scale(1.05)', | ||
142 | }, | ||
140 | }); | 143 | }); |
141 | 144 | ||
142 | @injectSheet(styles) @observer | 145 | @injectSheet(styles) @observer |
@@ -197,29 +200,31 @@ class PlanSelection extends Component { | |||
197 | /> | 200 | /> |
198 | </PlanItem> | 201 | </PlanItem> |
199 | <PlanItem | 202 | <PlanItem |
200 | name={i18nPlanName(plans.personal.yearly.id, intl)} | 203 | name={i18nPlanName(plans.pro.yearly.id, intl)} |
201 | text={intl.formatMessage(messages.textPersonal)} | 204 | text={intl.formatMessage(messages.textProfessional)} |
202 | price={plans.personal.yearly.price} | 205 | price={plans.pro.yearly.price} |
203 | currency={currency} | 206 | currency={currency} |
204 | ctaLabel={intl.formatMessage(hadSubscription ? messages.shortActionPersonal : messages.actionTrial)} | 207 | ctaLabel={intl.formatMessage(hadSubscription ? messages.shortActionPro : messages.actionTrial)} |
205 | upgrade={() => upgradeAccount(plans.personal.yearly.id)} | 208 | upgrade={() => upgradeAccount(plans.personal.yearly.id)} |
209 | className={classes.featuredPlan} | ||
210 | perUser | ||
211 | bestValue | ||
206 | > | 212 | > |
207 | <FeatureList | 213 | <FeatureList |
208 | plan={PLANS.PERSONAL} | 214 | plan={PLANS.PRO} |
209 | className={classes.featureList} | 215 | className={classes.featureList} |
210 | /> | 216 | /> |
211 | </PlanItem> | 217 | </PlanItem> |
212 | <PlanItem | 218 | <PlanItem |
213 | name={i18nPlanName(plans.pro.yearly.id, intl)} | 219 | name={i18nPlanName(plans.personal.yearly.id, intl)} |
214 | text={intl.formatMessage(messages.textProfessional)} | 220 | text={intl.formatMessage(messages.textPersonal)} |
215 | price={plans.pro.yearly.price} | 221 | price={plans.personal.yearly.price} |
216 | currency={currency} | 222 | currency={currency} |
217 | ctaLabel={intl.formatMessage(hadSubscription ? messages.shortActionPro : messages.actionTrial)} | 223 | ctaLabel={intl.formatMessage(hadSubscription ? messages.shortActionPersonal : messages.actionTrial)} |
218 | upgrade={() => upgradeAccount(plans.personal.yearly.id)} | 224 | upgrade={() => upgradeAccount(plans.personal.yearly.id)} |
219 | perUser | ||
220 | > | 225 | > |
221 | <FeatureList | 226 | <FeatureList |
222 | plan={PLANS.PRO} | 227 | plan={PLANS.PERSONAL} |
223 | className={classes.featureList} | 228 | className={classes.featureList} |
224 | /> | 229 | /> |
225 | </PlanItem> | 230 | </PlanItem> |