balance components using selectors

ui/app/components/balance-component.js

@@ -5,6 +5,7 @@ const inherits = require('util').inherits
 const TokenBalance = require('./token-balance')
 const Identicon = require('./identicon')
 import CurrencyDisplay from './currency-display'
+const { getAssetImages, conversionRateSelector, getCurrentCurrency} = require('../selectors')
 
 const { formatBalance, generateBalanceObject } = require('../util')
 
@@ -19,9 +20,9 @@ function mapStateToProps (state) {
   return {
     account,
     network,
-    conversionRate: state.metamask.conversionRate,
-    currentCurrency: state.metamask.currentCurrency,
-    assetImages: state.metamask.assetImages,
+    conversionRate: conversionRateSelector(state),
+    currentCurrency: getCurrentCurrency(state),
+    assetImages: getAssetImages(state),
   }
 }
 

ui/app/components/transaction-list/transaction-list.component.js

@@ -45,8 +45,7 @@ export default class TransactionList extends PureComponent {
 
   renderTransactions () {
     const { t } = this.context
-    const { pendingTransactions = [], completedTransactions = [], assetImages } = this.props
-    console.log('REMDERING FROM TX LIST', assetImages)
+    const { pendingTransactions = [], completedTransactions = [] } = this.props
     return (
       <div className="transaction-list__transactions">
         {