display different payment options based on user location

app/extensions/brave/locales/en-US/preferences.properties

@@ -7,6 +7,7 @@ sync=Sync
 privacy=Privacy
 shields=Shields
 security=Security
+visit=visit
 visits=Visits
 publisher=Site
 publishers=Publishers
@@ -63,6 +64,7 @@ on=on
 notifications=notifications
 moneyAdd=Use your debit/credit card
 moneyAddSubTitle=No Bitcoin needed!
+outsideUSAPayment=Need to buy Bitcoin outside of the USA?
 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

js/about/preferences.js

@@ -285,6 +285,9 @@ class BitcoinDashboard extends ImmutableComponent {
   get canUseCoinbase () {
     return this.currency === 'USD' && this.amount < 6
   }
+  get userInAmerica () {
+    return !(this.props.ledgerData.exchangeName && this.props.ledgerData.exchangeURL)
+  }
   get coinbasePanel () {
     if (this.canUseCoinbase) {
       return <div className='panel'>
@@ -311,6 +314,19 @@ class BitcoinDashboard extends ImmutableComponent {
       </div>
     }
   }
+  get exchangePanel () {
+    return <div className='panel'>
+      <div className='settingsPanelDivider'>
+        <span className='fa fa-credit-card' />
+        <div className='settingsListTitle' data-l10n-id='outsideUSAPayment' />
+      </div>
+      <div className='settingsPanelDivider'>
+        <a className='browserButton primaryButton' href={this.props.ledgerData.exchangeURL}>
+          {this.props.ledgerData.exchangeURL}
+        </a>
+      </div>
+    </div>
+  }
   get smartphonePanel () {
     return <div className='panel'>
       <div className='settingsPanelDivider'>
@@ -362,7 +378,10 @@ class BitcoinDashboard extends ImmutableComponent {
         : null
       }
       <div className='board'>
-        {this.coinbasePanel}
+        { (this.userInAmerica)
+          ? this.coinbasePanel
+          : this.exchangePanel
+        }
         <div className='panel'>
           <div className='settingsPanelDivider'>
             <span className='bitcoinIcon fa-stack fa-lg'>