diff --git a/app/extensions/brave/locales/en-US/preferences.properties b/app/extensions/brave/locales/en-US/preferences.properties
index e51a9b1116b..8b0d29eed52 100644
--- a/app/extensions/brave/locales/en-US/preferences.properties
+++ b/app/extensions/brave/locales/en-US/preferences.properties
@@ -65,12 +65,13 @@ on=on
notifications=notifications
moneyAdd=Use your debit/credit card
moneyAddSubTitle=No Bitcoin needed!
-outsideUSAPayment=Need to buy Bitcoin outside of the USA?
+outsideUSAPayment=Buy Bitcoin at our recommended source
coinbaseNotAvailable=Sorry! Adding funds with a credit/debit card is only available for contributions of $5/month at the moment.
add=Fund with debit/credit
transferTime=Transfer may take up to 40 minutes
addFundsTitle=Add funds…
addFunds=Three ways to add funds to your Brave Wallet
+addFundsAlternate=Add funds to your Brave Wallet
copyToClipboard=Copy to clipboard
smartphoneTitle=Use your smartphone app to transfer Bitcoin
displayQRCode=Display QR code
diff --git a/js/about/preferences.js b/js/about/preferences.js
index 40643ca6124..e1c7c87c858 100644
--- a/js/about/preferences.js
+++ b/js/about/preferences.js
@@ -16,6 +16,7 @@ const appConfig = require('../constants/appConfig')
const preferenceTabs = require('../constants/preferenceTabs')
const messages = require('../constants/messages')
const settings = require('../constants/settings')
+const coinbaseCountries = require('../constants/coinbaseCountries')
const {passwordManagers, extensionIds} = require('../constants/passwordManagers')
const aboutActions = require('./aboutActions')
const getSetting = require('../settings').getSetting
@@ -300,9 +301,13 @@ class BitcoinDashboard extends ImmutableComponent {
}
get qrcodeOverlayFooter () {
return
-
-
-
+ {
+ coinbaseCountries.indexOf(this.props.ledgerData.get('countryCode')) > -1
+ ?
+ : null
+ }
+
+
}
get currency () {
@@ -376,11 +381,13 @@ class BitcoinDashboard extends ImmutableComponent {
}
get panelFooter () {
- return
+ if (coinbaseCountries.indexOf(this.props.ledgerData.get('countryCode')) > -1) {
+ return
+ }
}
copyToClipboard (text) {
aboutActions.setClipboard(text)
@@ -806,6 +813,14 @@ class PaymentsTab extends ImmutableComponent {
siteSettings={this.props.siteSettings} />
}
+ get overlayTitle () {
+ if (coinbaseCountries.indexOf(this.props.ledgerData.get('countryCode')) > -1) {
+ return 'addFunds'
+ } else {
+ return 'addFundsAlternate'
+ }
+ }
+
get overlayContent () {
return
{
this.enabled && this.props.addFundsOverlayVisible
- ?
+ ?
: null
}
{
diff --git a/js/constants/coinbaseCountries.js b/js/constants/coinbaseCountries.js
new file mode 100644
index 00000000000..1a95ce80561
--- /dev/null
+++ b/js/constants/coinbaseCountries.js
@@ -0,0 +1,41 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+const coinbaseCountries = [
+ 'AT',
+ 'AU',
+ 'BE',
+ 'BG',
+ 'CA',
+ 'CH',
+ 'CY',
+ 'CZ',
+ 'DK',
+ 'ES',
+ 'FI',
+ 'FR',
+ 'GB',
+ 'GR',
+ 'HR',
+ 'HU',
+ 'IE',
+ 'IT',
+ 'LI',
+ 'LV',
+ 'MC',
+ 'MT',
+ 'NL',
+ 'NO',
+ 'PL',
+ 'PT',
+ 'RO',
+ 'SE',
+ 'SG',
+ 'SI',
+ 'SK',
+ 'SM',
+ 'US'
+]
+
+module.exports = coinbaseCountries
diff --git a/less/about/preferences.less b/less/about/preferences.less
index a70a4ded246..4024b3dd005 100644
--- a/less/about/preferences.less
+++ b/less/about/preferences.less
@@ -894,8 +894,9 @@ div.nextPaymentSubmission {
color: @darkGray;
clear: both;
font-weight: normal;
- font-size: 13px;
+ font-size: 14px;
font-style: italic;
+ line-height: 1.3em;
}
span {
display: inline-block;
diff --git a/less/modalOverlay.less b/less/modalOverlay.less
index 76f47a4b10b..f72248ef20b 100644
--- a/less/modalOverlay.less
+++ b/less/modalOverlay.less
@@ -64,7 +64,7 @@
height: auto;
margin: 100px auto 0 auto;
background: white;
- box-shadow: @buttonShadow;
+ box-shadow: @dialogShadow;
button.close span {
color: @gray;