i18n redux solution doesn't require importing t() and passing state to each t() call; t is just available on props.

1 files changed, 3 insertions, 4 deletions

diff --git a/ui/app/components/tx-list.js b/ui/app/components/tx-list.js
index d8c882ae2..7c2da30fe 100644
--- a/ui/app/components/tx-list.js
+++ b/ui/app/components/tx-list.js
@@ -10,7 +10,6 @@ const { formatDate } = require('../util')
 const { showConfTxPage } = require('../actions')
 const classnames = require('classnames')
 const { tokenInfoGetter } = require('../token-util')
-const t = require('../../i18n-helper').getMessage
 
 module.exports = connect(mapStateToProps, mapDispatchToProps)(TxList)
 
@@ -40,7 +39,7 @@ TxList.prototype.render = function () {
   return h('div.flex-column', [
     h('div.flex-row.tx-list-header-wrapper', [
       h('div.flex-row.tx-list-header', [
-        h('div', t('transactions')),
+        h('div', this.props.t('transactions')),
       ]),
     ]),
     h('div.flex-column.tx-list-container', {}, [
@@ -57,7 +56,7 @@ TxList.prototype.renderTransaction = function () {
     : [h(
         'div.tx-list-item.tx-list-item--empty',
         { key: 'tx-list-none' },
-        [ t(this.props.localeMessages, 'noTransactions') ],
+        [ this.props.t('noTransactions') ],
       )]
 }
 
@@ -111,7 +110,7 @@ TxList.prototype.renderTransactionListItem = function (transaction, conversionRa
 
   if (isUnapproved) {
     opts.onClick = () => showConfTxPage({ id: transactionId })
-    opts.transactionStatus = t(this.props.localeMessages, 'Not Started')
+    opts.transactionStatus = this.props.t('Not Started')
   } else if (transactionHash) {
     opts.onClick = () => this.view(transactionHash, transactionNetworkId)
   }