diff options
author | Stefan Malzner <stefan@adlk.io> | 2019-09-02 11:47:32 +0200 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2019-09-02 11:47:32 +0200 |
commit | a7e2742d9269c098c37cc84b81ca9ef4863ec93a (patch) | |
tree | 6c48c5a157c28e303fd091e008857b3cd109ac8e /src/components/settings | |
parent | Add "see all options" (diff) | |
download | ferdium-app-a7e2742d9269c098c37cc84b81ca9ef4863ec93a.tar.gz ferdium-app-a7e2742d9269c098c37cc84b81ca9ef4863ec93a.tar.zst ferdium-app-a7e2742d9269c098c37cc84b81ca9ef4863ec93a.zip |
Add CTA for pro upgrade
Diffstat (limited to 'src/components/settings')
-rw-r--r-- | src/components/settings/account/AccountDashboard.js | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/src/components/settings/account/AccountDashboard.js b/src/components/settings/account/AccountDashboard.js index c9eb8aeda..900a83a78 100644 --- a/src/components/settings/account/AccountDashboard.js +++ b/src/components/settings/account/AccountDashboard.js | |||
@@ -31,6 +31,10 @@ const messages = defineMessages({ | |||
31 | id: 'settings.account.manageSubscription.label', | 31 | id: 'settings.account.manageSubscription.label', |
32 | defaultMessage: '!!!Manage your subscription', | 32 | defaultMessage: '!!!Manage your subscription', |
33 | }, | 33 | }, |
34 | upgradeAccountToPro: { | ||
35 | id: 'settings.account.upgradeToPro.label', | ||
36 | defaultMessage: '!!!Upgrade to Franz Professional', | ||
37 | }, | ||
34 | accountTypeBasic: { | 38 | accountTypeBasic: { |
35 | id: 'settings.account.accountType.basic', | 39 | id: 'settings.account.accountType.basic', |
36 | defaultMessage: '!!!Basic Account', | 40 | defaultMessage: '!!!Basic Account', |
@@ -100,6 +104,7 @@ export default @observer class AccountDashboard extends Component { | |||
100 | isDeleteAccountSuccessful: PropTypes.bool.isRequired, | 104 | isDeleteAccountSuccessful: PropTypes.bool.isRequired, |
101 | openEditAccount: PropTypes.func.isRequired, | 105 | openEditAccount: PropTypes.func.isRequired, |
102 | openBilling: PropTypes.func.isRequired, | 106 | openBilling: PropTypes.func.isRequired, |
107 | upgradeToPro: PropTypes.func.isRequired, | ||
103 | openInvoices: PropTypes.func.isRequired, | 108 | openInvoices: PropTypes.func.isRequired, |
104 | }; | 109 | }; |
105 | 110 | ||
@@ -118,6 +123,7 @@ export default @observer class AccountDashboard extends Component { | |||
118 | isDeleteAccountSuccessful, | 123 | isDeleteAccountSuccessful, |
119 | openEditAccount, | 124 | openEditAccount, |
120 | openBilling, | 125 | openBilling, |
126 | upgradeToPro, | ||
121 | openInvoices, | 127 | openInvoices, |
122 | } = this.props; | 128 | } = this.props; |
123 | const { intl } = this.context; | 129 | const { intl } = this.context; |
@@ -229,6 +235,11 @@ export default @observer class AccountDashboard extends Component { | |||
229 | )} | 235 | )} |
230 | <div className="manage-user-links"> | 236 | <div className="manage-user-links"> |
231 | <Button | 237 | <Button |
238 | label={intl.formatMessage(messages.upgradeAccountToPro)} | ||
239 | className="franz-form__button--primary" | ||
240 | onClick={upgradeToPro} | ||
241 | /> | ||
242 | <Button | ||
232 | label={intl.formatMessage(messages.manageSubscriptionButtonLabel)} | 243 | label={intl.formatMessage(messages.manageSubscriptionButtonLabel)} |
233 | className="franz-form__button--inverted" | 244 | className="franz-form__button--inverted" |
234 | onClick={openBilling} | 245 | onClick={openBilling} |