fix(ticker): use Coinbase API to fetch fiat ticker

fixes #815

app/components/Activity/Invoice/Invoice.js

@@ -60,7 +60,7 @@ const Invoice = ({ invoice, ticker, currentTicker, showActivityModal, currencyNa
       <FormattedNumber
         currency={ticker.fiatTicker}
         style="currency"
-        value={btc.convert('sats', 'fiat', invoice.value, currentTicker[ticker.fiatTicker].last)}
+        value={btc.convert('sats', 'fiat', invoice.value, currentTicker[ticker.fiatTicker])}
       />
     </div>
   </div>

app/components/Activity/Payment/Payment.js

@@ -65,7 +65,7 @@ const Payment = ({
         <FormattedNumber
           currency={ticker.fiatTicker}
           style="currency"
-          value={btc.convert('sats', 'fiat', payment.value, currentTicker[ticker.fiatTicker].last)}
+          value={btc.convert('sats', 'fiat', payment.value, currentTicker[ticker.fiatTicker])}
         />
       </div>
     </div>

app/components/Activity/Transaction/Transaction.js

@@ -61,12 +61,7 @@ const Transaction = ({
       <FormattedNumber
         currency={ticker.fiatTicker}
         style="currency"
-        value={btc.convert(
+        value={btc.convert('sats', 'fiat', transaction.amount, currentTicker[ticker.fiatTicker])}
-          'sats',
-          'fiat',
-          transaction.amount,
-          currentTicker[ticker.fiatTicker].last
-        )}
       />
     </div>
   </div>

app/components/Contacts/Network/Network.js

@@ -158,10 +158,7 @@ class Network extends Component {
       return 'online'
     }
 
-    const fiatAmount = btc.satoshisToFiat(
+    const fiatAmount = btc.satoshisToFiat(balance.channelBalance, currentTicker[ticker.fiatTicker])
-      balance.channelBalance,
-      currentTicker[ticker.fiatTicker].last
-    )
     const { refreshing } = this.state
     return (
       <BackgroundTertiary className={styles.network}>

app/components/Pay/Pay.js

@@ -316,7 +316,7 @@ class Pay extends React.Component {
    */
   handleAmountCryptoChange = e => {
     const { cryptoCurrency, currentTicker, fiatCurrency } = this.props
-    const lastPrice = currentTicker[fiatCurrency].last
+    const lastPrice = currentTicker[fiatCurrency]
     const value = convert(cryptoCurrency, 'fiat', e.target.value, lastPrice)
     this.formApi.setValue('amountFiat', value)
   }
@@ -326,7 +326,7 @@ class Pay extends React.Component {
    */
   handleAmountFiatChange = e => {
     const { cryptoCurrency, currentTicker, fiatCurrency } = this.props
-    const lastPrice = currentTicker[fiatCurrency].last
+    const lastPrice = currentTicker[fiatCurrency]
     const value = convert('fiat', cryptoCurrency, e.target.value, lastPrice)
     this.formApi.setValue('amountCrypto', value)
   }

app/components/Pay/PaySummaryLightning.js

@@ -73,7 +73,7 @@ class PaySummaryLightning extends React.PureComponent {
     const { satoshis, payeeNodeKey } = invoice
     const descriptionTag = invoice.tags.find(tag => tag.tagName === 'description') || {}
     const memo = descriptionTag.data
-    const fiatAmount = satoshisToFiat(satoshis, currentTicker[fiatCurrency].last)
+    const fiatAmount = satoshisToFiat(satoshis, currentTicker[fiatCurrency])
     const nodeAlias = getNodeAlias(payeeNodeKey, nodes)
 
     // Select an appropriate fee message...

app/components/Pay/PaySummaryOnChain.js

@@ -69,7 +69,7 @@ class PaySummaryOnChain extends React.Component {
       ...rest
     } = this.props
 
-    const fiatAmount = satoshisToFiat(amount, currentTicker[fiatCurrency].last)
+    const fiatAmount = satoshisToFiat(amount, currentTicker[fiatCurrency])
     const fee = get(onchainFees, 'fastestFee', null)
     return (
       <Box {...rest}>

app/components/Request/Request.js

@@ -141,7 +141,7 @@ class Request extends React.Component {
    */
   handleAmountCryptoChange = e => {
     const { cryptoCurrency, currentTicker, fiatCurrency } = this.props
-    const lastPrice = currentTicker[fiatCurrency].last
+    const lastPrice = currentTicker[fiatCurrency]
     const value = convert(cryptoCurrency, 'fiat', e.target.value, lastPrice)
     this.formApi.setValue('amountFiat', value)
   }
@@ -151,7 +151,7 @@ class Request extends React.Component {
    */
   handleAmountFiatChange = e => {
     const { cryptoCurrency, currentTicker, fiatCurrency } = this.props
-    const lastPrice = currentTicker[fiatCurrency].last
+    const lastPrice = currentTicker[fiatCurrency]
     const value = convert('fiat', cryptoCurrency, e.target.value, lastPrice)
     this.formApi.setValue('amountCrypto', value)
   }

app/components/UI/FiatAmountInput.js

@@ -28,8 +28,8 @@ class FiatAmountInput extends React.Component {
     if (currency !== prevProps.currency) {
       const { fieldApi } = this.props
       let value = fieldApi.getValue()
-      const lastPriceInOrigCurrency = currentTicker[prevProps.currency].last
+      const lastPriceInOrigCurrency = currentTicker[prevProps.currency]
-      const lastPriceInNewCurrency = currentTicker[currency].last
+      const lastPriceInNewCurrency = currentTicker[currency]
       // Convert to BTC.
       const btcValue = convert('fiat', 'btc', value, lastPriceInOrigCurrency)
       // Convert to new currency.

app/components/UI/Value.js

@@ -8,7 +8,7 @@ const Value = ({ value, currency, currentTicker, fiatTicker }) => {
   }
   let price
   if (currency === 'fiat') {
-    price = currentTicker[fiatTicker].last
+    price = currentTicker[fiatTicker]
   }
   return (
     <i>

app/components/Wallet/Wallet.js

@@ -35,7 +35,7 @@ const Wallet = ({
 }) => {
   const fiatAmount = btc.satoshisToFiat(
     parseInt(balance.walletBalance, 10) + parseInt(balance.channelBalance, 10),
-    currentTicker[ticker.fiatTicker].last
+    currentTicker[ticker.fiatTicker]
   )
 
   return (

app/lib/utils/api.js

@@ -12,8 +12,8 @@ import axios from 'axios'
 // defined on the webpack dev server.
 const scheme = process.env.HOT ? '/proxy/' : 'https://'
 
-export function requestTicker() {
+export function requestTicker(id) {
-  const BASE_URL = `${scheme}blockchain.info/ticker`
+  const BASE_URL = `${scheme}api.coinbase.com/v2/exchange-rates?currency=${id}`
   return axios({
     method: 'get',
     url: BASE_URL
@@ -21,11 +21,12 @@ export function requestTicker() {
 }
 
 export function requestTickers(ids) {
-  return axios
+  return axios.all(ids.map(id => requestTicker(id))).then(
-    .all(ids.map(id => requestTicker(id)))
+    axios.spread((btcTicker, ltcTicker) => ({
-    .then(
+      btcTicker: btcTicker.data.rates,
-      axios.spread((btcTicker, ltcTicker) => ({ btcTicker: btcTicker[0], ltcTicker: ltcTicker[0] }))
+      ltcTicker: ltcTicker.data.rates
-    )
+    }))
+  )
 }
 
 export function requestSuggestedNodes() {

app/reducers/contactsform.js

@@ -263,11 +263,11 @@ contactFormSelectors.contactFormFiatAmount = createSelector(
   tickerSelectors.currentTicker,
   fiatTickerSelector,
   (amount, currency, currentTicker, fiatTicker) => {
-    if (!currentTicker || !currentTicker[fiatTicker].last) {
+    if (!currentTicker || !currentTicker[fiatTicker]) {
       return false
     }
 
-    return btc.convert(currency, 'fiat', amount, currentTicker[fiatTicker].last)
+    return btc.convert(currency, 'fiat', amount, currentTicker[fiatTicker])
   }
 )
 

app/reducers/ticker.js

@@ -1,5 +1,5 @@
 import { createSelector } from 'reselect'
-import { requestTicker } from 'lib/utils/api'
+import { requestTickers } from 'lib/utils/api'
 import { currencies, getDefaultCurrency } from 'lib/i18n'
 import db from 'store/db'
 import { infoSelectors } from './info'
@@ -68,9 +68,10 @@ export function recieveTickers({ btcTicker, ltcTicker }) {
 
 export const fetchTicker = () => async dispatch => {
   dispatch(getTickers())
-  const btcTicker = await requestTicker()
+  const tickers = await requestTickers(['btc', 'ltc'])
-  dispatch(recieveTickers({ btcTicker }))
+  dispatch(recieveTickers(tickers))
-  return btcTicker
+
+  return tickers
 }
 
 // Receive IPC event for receiveCryptocurrency

internals/webpack/webpack.config.renderer.dev.js

@@ -154,7 +154,7 @@ export default merge.smart(baseConfig, {
         "'self'",
         'http://localhost:*',
         'ws://localhost:*',
-        'https://blockchain.info',
+        'https://api.coinbase.com/',
         'https://bitcoinfees.earn.com',
         'https://zap.jackmallers.com'
       ],
@@ -191,9 +191,9 @@ export default merge.smart(baseConfig, {
         pathRewrite: { '^/proxy/zap.jackmallers.com': '' },
         changeOrigin: true
       },
-      '/proxy/blockchain.info': {
+      '/proxy/api.coinbase.com': {
-        target: 'https://blockchain.info/ticker',
+        target: 'https://api.coinbase.com',
-        pathRewrite: { '^/proxy/blockchain.info': '' },
+        pathRewrite: { '^/proxy/api.coinbase.com': '' },
         changeOrigin: true
       }
     },

internals/webpack/webpack.config.renderer.prod.js

@@ -100,7 +100,7 @@ export default merge.smart(baseConfig, {
       'object-src': "'none'",
       'connect-src': [
         "'self'",
-        'https://blockchain.info',
+        'https://api.coinbase.com',
         'https://bitcoinfees.earn.com',
         'https://zap.jackmallers.com'
       ],

stories/containers/pay.stories.js

@@ -51,15 +51,9 @@ const store = new Store({
   routes: [],
 
   currentTicker: {
-    USD: {
+    USD: 6477.78,
-      last: 6477.78
+    EUR: 5656.01,
-    },
+    GBP: 5052.73
-    EUR: {
-      last: 5656.01
-    },
-    GBP: {
-      last: 5052.73
-    }
   },
 
   isProcessing: false

stories/containers/request.stories.js

@@ -37,15 +37,9 @@ const store = new Store({
   fiatCurrencies: ['USD', 'EUR', 'GBP'],
 
   currentTicker: {
-    USD: {
+    USD: 6477.78,
-      last: 6477.78
+    EUR: 5656.01,
-    },
+    GBP: 5052.73
-    EUR: {
-      last: 5656.01
-    },
-    GBP: {
-      last: 5052.73
-    }
   }
 })
 

test/unit/components/Pay/PaySummaryLightning.spec.js

@@ -5,15 +5,9 @@ import { PaySummaryLightning } from 'components/Pay'
 
 const props = {
   currentTicker: {
-    USD: {
+    USD: 6477.78,
-      last: 6477.78
+    EUR: 5656.01,
-    },
+    GBP: 5052.73
-    EUR: {
-      last: 5656.01
-    },
-    GBP: {
-      last: 5052.73
-    }
   },
   cryptoCurrency: 'btc',
   cryptoCurrencyTicker: 'BTC',

test/unit/components/Pay/PaySummaryOnchain.spec.js

@@ -7,15 +7,9 @@ const props = {
   amount: 1000,
   address: 'mmxyr3LNKbnbrf6jdGXZpCE4EDpMSZRf4c',
   currentTicker: {
-    USD: {
+    USD: 6477.78,
-      last: 6477.78
+    EUR: 5656.01,
-    },
+    GBP: 5052.73
-    EUR: {
-      last: 5656.01
-    },
-    GBP: {
-      last: 5052.73
-    }
   },
   cryptoCurrency: 'btc',
   cryptoCurrencyTicker: 'BTC',