Handle i18n with redux.

3 files changed, 29 insertions, 29 deletions

diff --git a/ui/app/components/dropdowns/components/account-dropdowns.js b/ui/app/components/dropdowns/components/account-dropdowns.js
index 0cdc2c0ae..73afb7009 100644
--- a/ui/app/components/dropdowns/components/account-dropdowns.js
+++ b/ui/app/components/dropdowns/components/account-dropdowns.js
@@ -3,14 +3,14 @@ const PropTypes = require('prop-types')
 const h = require('react-hyperscript')
 const actions = require('../../../actions')
 const genAccountLink = require('../../../../lib/account-link.js')
-const connect = require('react-redux').connect
+const connect = require('../../../metamask-connect')
 const Dropdown = require('./dropdown').Dropdown
 const DropdownMenuItem = require('./dropdown').DropdownMenuItem
 const Identicon = require('../../identicon')
 const ethUtil = require('ethereumjs-util')
 const copyToClipboard = require('copy-to-clipboard')
 const { formatBalance } = require('../../../util')
-const t = global.getMessage
+const t = require('../../../../i18n-helper').getMessage
 
 
 class AccountDropdowns extends Component {
@@ -131,7 +131,7 @@ class AccountDropdowns extends Component {
                   actions.showEditAccountModal(identity)
                 },
               }, [
-                t('edit'),
+                t(this.props.localeMessages, 'edit'),
               ]),
             ]),
 
@@ -145,7 +145,7 @@ class AccountDropdowns extends Component {
     try { // Sometimes keyrings aren't loaded yet:
       const type = keyring.type
       const isLoose = type !== 'HD Key Tree'
-      return isLoose ? h('.keyring-label.allcaps', t('loose')) : null
+      return isLoose ? h('.keyring-label.allcaps', t(this.props.localeMessages, 'loose')) : null
     } catch (e) { return }
   }
 
@@ -203,7 +203,7 @@ class AccountDropdowns extends Component {
                 fontSize: '16px',
                 lineHeight: '23px',
               },
-            }, t('createAccount')),
+            }, t(this.props.localeMessages, 'createAccount')),
           ],
         ),
         h(
@@ -237,7 +237,7 @@ class AccountDropdowns extends Component {
                 fontSize: '16px',
                 lineHeight: '23px',
               },
-            }, t('importAccount')),
+            }, t(this.props.localeMessages, 'importAccount')),
           ]
         ),
       ]
@@ -288,7 +288,7 @@ class AccountDropdowns extends Component {
               menuItemStyles,
             ),
           },
-          t('accountDetails'),
+          t(this.props.localeMessages, 'accountDetails'),
         ),
         h(
           DropdownMenuItem,
@@ -304,7 +304,7 @@ class AccountDropdowns extends Component {
               menuItemStyles,
             ),
           },
-          t('etherscanView'),
+          t(this.props.localeMessages, 'etherscanView'),
         ),
         h(
           DropdownMenuItem,
@@ -320,7 +320,7 @@ class AccountDropdowns extends Component {
               menuItemStyles,
             ),
           },
-          t('copyAddress'),
+          t(this.props.localeMessages, 'copyAddress'),
         ),
         h(
           DropdownMenuItem,
@@ -332,7 +332,7 @@ class AccountDropdowns extends Component {
               menuItemStyles,
             ),
           },
-          t('exportPrivateKey'),
+          t(this.props.localeMessages, 'exportPrivateKey'),
         ),
         h(
           DropdownMenuItem,
@@ -347,7 +347,7 @@ class AccountDropdowns extends Component {
               menuItemStyles,
             ),
           },
-          t('addToken'),
+          t(this.props.localeMessages, 'addToken'),
         ),
 
       ]
diff --git a/ui/app/components/dropdowns/network-dropdown.js b/ui/app/components/dropdowns/network-dropdown.js
index a7acc7bb9..61c574aed 100644
--- a/ui/app/components/dropdowns/network-dropdown.js
+++ b/ui/app/components/dropdowns/network-dropdown.js
@@ -1,13 +1,13 @@
 const Component = require('react').Component
 const h = require('react-hyperscript')
 const inherits = require('util').inherits
-const connect = require('react-redux').connect
+const connect = require('../../metamask-connect')
 const actions = require('../../actions')
 const Dropdown = require('./components/dropdown').Dropdown
 const DropdownMenuItem = require('./components/dropdown').DropdownMenuItem
 const NetworkDropdownIcon = require('./components/network-dropdown-icon')
 const R = require('ramda')
-const t = global.getMessage
+const t = require('../../../i18n-helper').getMessage
 
 
 // classes from nodes of the toggle element.
@@ -95,13 +95,13 @@ NetworkDropdown.prototype.render = function () {
   }, [
 
     h('div.network-dropdown-header', {}, [
-      h('div.network-dropdown-title', {}, t('networks')),
+      h('div.network-dropdown-title', {}, t(this.props.localeMessages, 'networks')),
 
       h('div.network-dropdown-divider'),
 
       h('div.network-dropdown-content',
         {},
-        t('defaultNetwork')
+        t(this.props.localeMessages, 'defaultNetwork')
       ),
     ]),
 
@@ -123,7 +123,7 @@ NetworkDropdown.prototype.render = function () {
           style: {
             color: providerType === 'mainnet' ? '#ffffff' : '#9b9b9b',
           },
-        }, t('mainnet')),
+        }, t(this.props.localeMessages, 'mainnet')),
       ]
     ),
 
@@ -145,7 +145,7 @@ NetworkDropdown.prototype.render = function () {
           style: {
             color: providerType === 'ropsten' ? '#ffffff' : '#9b9b9b',
           },
-        }, t('ropsten')),
+        }, t(this.props.localeMessages, 'ropsten')),
       ]
     ),
 
@@ -167,7 +167,7 @@ NetworkDropdown.prototype.render = function () {
           style: {
             color: providerType === 'kovan' ? '#ffffff' : '#9b9b9b',
           },
-        }, t('kovan')),
+        }, t(this.props.localeMessages, 'kovan')),
       ]
     ),
 
@@ -189,7 +189,7 @@ NetworkDropdown.prototype.render = function () {
           style: {
             color: providerType === 'rinkeby' ? '#ffffff' : '#9b9b9b',
           },
-        }, t('rinkeby')),
+        }, t(this.props.localeMessages, 'rinkeby')),
       ]
     ),
 
@@ -211,7 +211,7 @@ NetworkDropdown.prototype.render = function () {
           style: {
             color: activeNetwork === 'http://localhost:8545' ? '#ffffff' : '#9b9b9b',
           },
-        }, t('localhost')),
+        }, t(this.props.localeMessages, 'localhost')),
       ]
     ),
 
@@ -235,7 +235,7 @@ NetworkDropdown.prototype.render = function () {
           style: {
             color: activeNetwork === 'custom' ? '#ffffff' : '#9b9b9b',
           },
-        }, t('customRPC')),
+        }, t(this.props.localeMessages, 'customRPC')),
       ]
     ),
 
@@ -250,15 +250,15 @@ NetworkDropdown.prototype.getNetworkName = function () {
   let name
 
   if (providerName === 'mainnet') {
-    name = t('mainnet')
+    name = t(this.props.localeMessages, 'mainnet')
   } else if (providerName === 'ropsten') {
-    name = t('ropsten')
+    name = t(this.props.localeMessages, 'ropsten')
   } else if (providerName === 'kovan') {
-    name = t('kovan')
+    name = t(this.props.localeMessages, 'kovan')
   } else if (providerName === 'rinkeby') {
-    name = t('rinkeby')
+    name = t(this.props.localeMessages, 'rinkeby')
   } else {
-    name = t('unknownNetwork')
+    name = t(this.props.localeMessages, 'unknownNetwork')
   }
 
   return name
diff --git a/ui/app/components/dropdowns/token-menu-dropdown.js b/ui/app/components/dropdowns/token-menu-dropdown.js
index 392f43c35..403d17591 100644
--- a/ui/app/components/dropdowns/token-menu-dropdown.js
+++ b/ui/app/components/dropdowns/token-menu-dropdown.js
@@ -1,9 +1,9 @@
 const Component = require('react').Component
 const h = require('react-hyperscript')
 const inherits = require('util').inherits
-const connect = require('react-redux').connect
+const connect = require('../../metamask-connect')
 const actions = require('../../actions')
-const t = global.getMessage
+const t = require('../../../i18n-helper').getMessage
 
 
 module.exports = connect(null, mapDispatchToProps)(TokenMenuDropdown)
@@ -45,7 +45,7 @@ TokenMenuDropdown.prototype.render = function () {
             showHideTokenConfirmationModal(this.props.token)
             this.props.onClose()
           },
-        }, t('hideToken')),
+        }, t(this.props.localeMessages, 'hideToken')),
 
       ]),
     ]),