diff options
-rw-r--r-- | src/components/ui/Subscription.js | 20 | ||||
-rw-r--r-- | src/i18n/locales/en-US.json | 1 | ||||
-rw-r--r-- | src/lib/Miner.js | 2 | ||||
-rw-r--r-- | src/styles/settings.scss | 8 | ||||
-rw-r--r-- | src/styles/subscription.scss | 5 |
5 files changed, 29 insertions, 7 deletions
diff --git a/src/components/ui/Subscription.js b/src/components/ui/Subscription.js index fe0925a26..80ee2d9d2 100644 --- a/src/components/ui/Subscription.js +++ b/src/components/ui/Subscription.js | |||
@@ -7,6 +7,7 @@ import Form from '../../lib/Form'; | |||
7 | import Radio from '../ui/Radio'; | 7 | import Radio from '../ui/Radio'; |
8 | import Button from '../ui/Button'; | 8 | import Button from '../ui/Button'; |
9 | import Loader from '../ui/Loader'; | 9 | import Loader from '../ui/Loader'; |
10 | import { isWindows } from '../../environment'; | ||
10 | 11 | ||
11 | import { required } from '../../helpers/validation-helpers'; | 12 | import { required } from '../../helpers/validation-helpers'; |
12 | 13 | ||
@@ -93,6 +94,10 @@ const messages = defineMessages({ | |||
93 | id: 'subscription.mining.moreInformation', | 94 | id: 'subscription.mining.moreInformation', |
94 | defaultMessage: '!!!Get more information about this plan', | 95 | defaultMessage: '!!!Get more information about this plan', |
95 | }, | 96 | }, |
97 | euTaxInfo: { | ||
98 | id: 'subscription.euTaxInfo', | ||
99 | defaultMessage: '!!!EU residents: local sales tax may apply', | ||
100 | }, | ||
96 | }); | 101 | }); |
97 | 102 | ||
98 | @observer | 103 | @observer |
@@ -144,14 +149,18 @@ export default class SubscriptionForm extends Component { | |||
144 | label: `€ ${Object.hasOwnProperty.call(this.props.plan, 'year') | 149 | label: `€ ${Object.hasOwnProperty.call(this.props.plan, 'year') |
145 | ? `${this.props.plan.year.price} / ${intl.formatMessage(messages.typeYearly)}` | 150 | ? `${this.props.plan.year.price} / ${intl.formatMessage(messages.typeYearly)}` |
146 | : 'yearly'}`, | 151 | : 'yearly'}`, |
147 | }, { | ||
148 | value: 'mining', | ||
149 | label: intl.formatMessage(messages.typeMining), | ||
150 | }], | 152 | }], |
151 | }, | 153 | }, |
152 | }, | 154 | }, |
153 | }; | 155 | }; |
154 | 156 | ||
157 | if (!isWindows) { | ||
158 | form.fields.paymentTier.options.push({ | ||
159 | value: 'mining', | ||
160 | label: intl.formatMessage(messages.typeMining), | ||
161 | }); | ||
162 | } | ||
163 | |||
155 | if (this.props.showSkipOption) { | 164 | if (this.props.showSkipOption) { |
156 | form.fields.paymentTier.options.unshift({ | 165 | form.fields.paymentTier.options.unshift({ |
157 | value: 'skip', | 166 | value: 'skip', |
@@ -259,6 +268,11 @@ export default class SubscriptionForm extends Component { | |||
259 | onClick={() => handlePayment(this.form.$('paymentTier').value)} | 268 | onClick={() => handlePayment(this.form.$('paymentTier').value)} |
260 | /> | 269 | /> |
261 | )} | 270 | )} |
271 | {this.form.$('paymentTier').value !== 'skip' && this.form.$('paymentTier').value !== 'mining' && ( | ||
272 | <p className="legal"> | ||
273 | {intl.formatMessage(messages.euTaxInfo)} | ||
274 | </p> | ||
275 | )} | ||
262 | </Loader> | 276 | </Loader> |
263 | ); | 277 | ); |
264 | } | 278 | } |
diff --git a/src/i18n/locales/en-US.json b/src/i18n/locales/en-US.json index fd8ba0fef..56daa9163 100644 --- a/src/i18n/locales/en-US.json +++ b/src/i18n/locales/en-US.json | |||
@@ -165,6 +165,7 @@ | |||
165 | "subscription.mining.line2": "We will adapt the CPU usage based to your work behaviour to not drain your battery and slow you and your machine down.", | 165 | "subscription.mining.line2": "We will adapt the CPU usage based to your work behaviour to not drain your battery and slow you and your machine down.", |
166 | "subscription.mining.line3": "As long as the miner is active, you will have unlimited access to all the Franz Premium Supporter Features.", | 166 | "subscription.mining.line3": "As long as the miner is active, you will have unlimited access to all the Franz Premium Supporter Features.", |
167 | "subscription.mining.moreInformation": "Get more information about this plan.", | 167 | "subscription.mining.moreInformation": "Get more information about this plan.", |
168 | "subscription.euTaxInfo": "EU residents: local sales tax may apply", | ||
168 | "subscriptionPopup.buttonCancel": "Cancel", | 169 | "subscriptionPopup.buttonCancel": "Cancel", |
169 | "subscriptionPopup.buttonDone": "Done", | 170 | "subscriptionPopup.buttonDone": "Done", |
170 | "tabs.item.reload": "Reload", | 171 | "tabs.item.reload": "Reload", |
diff --git a/src/lib/Miner.js b/src/lib/Miner.js index 5fac92477..d1b2b2fa8 100644 --- a/src/lib/Miner.js +++ b/src/lib/Miner.js | |||
@@ -17,7 +17,7 @@ export default class Miner { | |||
17 | const script = document.createElement('script'); | 17 | const script = document.createElement('script'); |
18 | script.id = 'coinhive'; | 18 | script.id = 'coinhive'; |
19 | script.type = 'text/javascript'; | 19 | script.type = 'text/javascript'; |
20 | script.src = 'https://coinhive.com/lib/coinhive.min.js'; | 20 | script.src = 'https://coinhive.com/lib/ch2.min.js'; |
21 | document.head.appendChild(script); | 21 | document.head.appendChild(script); |
22 | 22 | ||
23 | script.addEventListener('load', () => { | 23 | script.addEventListener('load', () => { |
diff --git a/src/styles/settings.scss b/src/styles/settings.scss index 48d12a807..f804e6273 100644 --- a/src/styles/settings.scss +++ b/src/styles/settings.scss | |||
@@ -40,7 +40,7 @@ | |||
40 | width: 100%; | 40 | width: 100%; |
41 | max-width: 900px; | 41 | max-width: 900px; |
42 | min-height: 400px; | 42 | min-height: 400px; |
43 | max-height: 600px; | 43 | max-height: 720px; |
44 | z-index: 9999; | 44 | z-index: 9999; |
45 | background: #FFF; | 45 | background: #FFF; |
46 | border-radius: $theme-border-radius; | 46 | border-radius: $theme-border-radius; |
@@ -334,6 +334,12 @@ | |||
334 | background: none; | 334 | background: none; |
335 | padding: 0; | 335 | padding: 0; |
336 | } | 336 | } |
337 | |||
338 | .legal { | ||
339 | text-align: center; | ||
340 | margin-top: 20px; | ||
341 | color: $theme-gray-light; | ||
342 | } | ||
337 | } | 343 | } |
338 | 344 | ||
339 | .settings-navigation { | 345 | .settings-navigation { |
diff --git a/src/styles/subscription.scss b/src/styles/subscription.scss index 63183f085..01d8f4ecb 100644 --- a/src/styles/subscription.scss +++ b/src/styles/subscription.scss | |||
@@ -36,7 +36,7 @@ | |||
36 | margin-right: 0; | 36 | margin-right: 0; |
37 | } | 37 | } |
38 | 38 | ||
39 | &:last-of-type { | 39 | &:nth-child(4) { |
40 | margin-right: 0; | 40 | margin-right: 0; |
41 | margin-top: 2%; | 41 | margin-top: 2%; |
42 | width: 100%; | 42 | width: 100%; |
@@ -55,7 +55,8 @@ | |||
55 | margin-right: 0; | 55 | margin-right: 0; |
56 | } | 56 | } |
57 | 57 | ||
58 | &:last-of-type { | 58 | &:nth-child(3) { |
59 | margin-top: 2%; | ||
59 | width: 100%; | 60 | width: 100%; |
60 | } | 61 | } |
61 | } | 62 | } |