Update "Our Partners" side bar on disabledContent.js to reflect BAT i…

…ntegration

Closes brave#11242

Auditors: @cezaraugusto

Test Plan:
1. Open about:preferences#payments
2. Make sure 'Brave Bitcoin Wallets' is replaced with 'Brave BAT Wallets'
3. Make sure the uphold company logo is displayed

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

@@ -234,8 +234,7 @@ payments=Payments
 paymentsFAQLink.title=View the FAQ
 paymentsSidebarText1=Our Partners
 paymentsSidebarText2=All transaction IP addresses are anonymized with technology from:
-paymentsSidebarText3=Brave Bitcoin Wallets are provided through a partnership with:
-paymentsSidebarText4=Your contributions in the form of credit cards and bank cards are handled by:
+paymentsSidebarText3=Brave BAT Wallets are provided through a partnership with:
 paymentsWelcomeLink=View the FAQ
 paymentsWelcomeText1=Brave has created a simple way for you to contribute to the sites you use most.
 paymentsWelcomeText2=To begin using Brave Payments, simply flip the switch at the top of this window. The rest is easy.

app/renderer/components/preferences/payment/addFundsDialog/addFundsDialogFooter.js

@@ -11,7 +11,7 @@ const appActions = require('../../../../../../js/actions/appActions')
 
 // Styles
 const {StyleSheet, css} = require('aphrodite')
-const upholdLogo = require('../../../../../extensions/brave/img/ledger/uphold-logo.png')
+const upholdLogo = require('../../../../../extensions/brave/img/ledger/uphold_logo_medium.png')
 
 class AddFundsDialogFooter extends React.Component {
   constructor (props) {

app/renderer/components/preferences/payment/disabledContent.js

@@ -13,10 +13,8 @@ const globalStyles = require('../../styles/global')
 const commonStyles = require('../../styles/commonStyles')
 const PIA = require('../../../../extensions/brave/img/private_internet_access.png')
 const PIA2 = require('../../../../extensions/brave/img/private_internet_access_2x.png')
-const BitGo = require('../../../../extensions/brave/img/bitgo.png')
-const BitGo2 = require('../../../../extensions/brave/img/bitgo_2x.png')
-const CoinBase = require('../../../../extensions/brave/img/coinbase.png')
-const CoinBase2 = require('../../../../extensions/brave/img/coinbase_2x.png')
+const uphold = require('../../../../extensions/brave/img/ledger/uphold_logo_small.png')
+const uphold2 = require('../../../../extensions/brave/img/ledger/uphold_logo_medium.png')
 
 class DisabledContent extends ImmutableComponent {
   render () {
@@ -39,9 +37,7 @@ class DisabledContent extends ImmutableComponent {
         <div className={css(styles.disabledContent__sidebar__text)} data-l10n-id='paymentsSidebarText2' />
         <a href='https://www.privateinternetaccess.com/' rel='noopener' target='_blank'><span className={css(styles.disabledContent__sidebar__logo, styles.disabledContent__sidebar__logo_PIA)} /></a>
         <div className={css(styles.disabledContent__sidebar__text)} data-l10n-id='paymentsSidebarText3' />
-        <a href='https://www.bitgo.com/' rel='noopener' target='_blank'><span className={css(styles.disabledContent__sidebar__logo, styles.disabledContent__sidebar__logo_bitgo)} /></a>
-        <div className={css(styles.disabledContent__sidebar__text)} data-l10n-id='paymentsSidebarText4' />
-        <a href='https://www.coinbase.com/' rel='noopener' target='_blank'><span className={css(styles.disabledContent__sidebar__logo, styles.disabledContent__sidebar__logo_coinbase)} /></a>
+        <a href='https://uphold.com/' rel='noopener' target='_blank'><span className={css(styles.disabledContent__sidebar__logo, styles.disabledContent__sidebar__logo_uphold)} /></a>
       </div>
     </section>
   }
@@ -105,16 +101,11 @@ const styles = StyleSheet.create({
     height: '20px'
   },
 
-  disabledContent__sidebar__logo_bitgo: {
-    backgroundImage: `-webkit-image-set(url(${BitGo}) 1x, url(${BitGo2}) 2x)`,
-    width: '100px',
-    height: '25px'
-  },
-
-  disabledContent__sidebar__logo_coinbase: {
-    backgroundImage: `-webkit-image-set(url(${CoinBase}) 1x, url(${CoinBase2}) 2x)`,
-    width: '100px',
-    height: '35px'
+  disabledContent__sidebar__logo_uphold: {
+    backgroundImage: `-webkit-image-set(url(${uphold}) 1x, url(${uphold2}) 2x)`,
+    backgroundSize: 'contain',
+    backgroundRepeat: 'no-repeat',
+    height: '50px'
   }
 })
 

test/unit/about/preferencesTest.js

@@ -40,12 +40,10 @@ describe('Preferences component unittest', function () {
     mockery.registerMock('../../../../extensions/brave/img/ledger/verified_white_icon.svg')
     mockery.registerMock('../../../../extensions/brave/img/ledger/icon_remove.svg')
     mockery.registerMock('../../../../extensions/brave/img/ledger/icon_pin.svg')
+    mockery.registerMock('../../../../extensions/brave/img/ledger/uphold_logo_small.png')
+    mockery.registerMock('../../../../extensions/brave/img/ledger/uphold_logo_medium.png')
     mockery.registerMock('../../../../extensions/brave/img/private_internet_access.png')
     mockery.registerMock('../../../../extensions/brave/img/private_internet_access_2x.png')
-    mockery.registerMock('../../../../extensions/brave/img/bitgo.png')
-    mockery.registerMock('../../../../extensions/brave/img/bitgo_2x.png')
-    mockery.registerMock('../../../../extensions/brave/img/coinbase.png')
-    mockery.registerMock('../../../../extensions/brave/img/coinbase_2x.png')
     mockery.registerMock('../../../../extensions/brave/img/coinbase_logo.png')
     mockery.registerMock('../../../../extensions/brave/img/android_download.svg')
     mockery.registerMock('../../../../extensions/brave/img/ios_download.svg')
@@ -62,7 +60,7 @@ describe('Preferences component unittest', function () {
     mockery.registerMock('../../../../../../extensions/brave/img/ledger/cryptoIcons/LTC_icon.svg')
     mockery.registerMock('../../../../../../extensions/brave/img/ledger/cryptoIcons/BAT_icon.svg')
     // Mock image from addFundsDialogFooter
-    mockery.registerMock('../../../../../extensions/brave/img/ledger/uphold-logo.png')
+    mockery.registerMock('../../../../../extensions/brave/img/ledger/uphold_logo_medium.png')
 
     window.chrome = fakeElectron
     window.CustomEvent = {}

test/unit/app/renderer/components/preferences/paymentsTabTest.js

@@ -45,12 +45,10 @@ describe('PaymentsTab component', function () {
     mockery.registerMock('../../../../extensions/brave/img/ledger/verified_white_icon.svg')
     mockery.registerMock('../../../../extensions/brave/img/ledger/icon_remove.svg')
     mockery.registerMock('../../../../extensions/brave/img/ledger/icon_pin.svg')
+    mockery.registerMock('../../../../extensions/brave/img/ledger/uphold_logo_small.png')
+    mockery.registerMock('../../../../extensions/brave/img/ledger/uphold_logo_medium.png')
     mockery.registerMock('../../../../extensions/brave/img/private_internet_access.png')
     mockery.registerMock('../../../../extensions/brave/img/private_internet_access_2x.png')
-    mockery.registerMock('../../../../extensions/brave/img/bitgo.png')
-    mockery.registerMock('../../../../extensions/brave/img/bitgo_2x.png')
-    mockery.registerMock('../../../../extensions/brave/img/coinbase.png')
-    mockery.registerMock('../../../../extensions/brave/img/coinbase_2x.png')
     mockery.registerMock('../../../../extensions/brave/img/coinbase_logo.png')
     mockery.registerMock('../../../../extensions/brave/img/android_download.svg')
     mockery.registerMock('../../../../extensions/brave/img/ios_download.svg')
@@ -63,7 +61,7 @@ describe('PaymentsTab component', function () {
     mockery.registerMock('../../../../../../extensions/brave/img/ledger/cryptoIcons/LTC_icon.svg')
     mockery.registerMock('../../../../../../extensions/brave/img/ledger/cryptoIcons/BAT_icon.svg')
     // Mock image from addFundsDialogFooter
-    mockery.registerMock('../../../../../extensions/brave/img/ledger/uphold-logo.png')
+    mockery.registerMock('../../../../../extensions/brave/img/ledger/uphold_logo_medium.png')
 
     mockery.registerMock('electron', fakeElectron)
     mockery.registerMock('../../../../js/settings', fakeSettings)