Extract i18n from shared UI components (#4834)

* Actionbar i18n

* ui Errors i18n

* Features i18n

* GapPriceSelector i18n

* WIP

* WIP #2

* Update methodDecoding

* ModalBox -> functional

* Signer pages i18n (missed previously)

* Update ModalBox tests

* Update variable

js/src/views/Signer/containers/Embedded/embedded.js

@@ -16,6 +16,7 @@
 
 import BigNumber from 'bignumber.js';
 import React, { Component, PropTypes } from 'react';
+import { FormattedMessage } from 'react-intl';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 
@@ -65,7 +66,10 @@ class Embedded extends Component {
     if (!pending.length) {
       return (
         <div className={ styles.none }>
-          There are currently no pending requests awaiting your confirmation
+          <FormattedMessage
+            id='signer.embedded.noPending'
+            defaultMessage='There are currently no pending requests awaiting your confirmation'
+          />
         </div>
       );
     }

js/src/views/Signer/containers/RequestsPage/requestsPage.js

@@ -15,10 +15,11 @@
 // along with Parity.  If not, see <http://www.gnu.org/licenses/>.
 
 import BigNumber from 'bignumber.js';
-import React, { Component, PropTypes } from 'react';
-import { bindActionCreators } from 'redux';
-import { connect } from 'react-redux';
 import { observer } from 'mobx-react';
+import React, { Component, PropTypes } from 'react';
+import { FormattedMessage } from 'react-intl';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
 
 import Store from '../../store';
 import * as RequestsActions from '~/redux/providers/signerActions';
@@ -74,7 +75,14 @@ class RequestsPage extends Component {
     }
 
     return (
-      <Container title='Local Transactions'>
+      <Container
+        title={
+          <FormattedMessage
+            id='signer.requestsPage.queueTitle'
+            defaultMessage='Local Transactions'
+          />
+        }
+      >
         <TxList
           address=''
           hashes={ localHashes }
@@ -90,7 +98,10 @@ class RequestsPage extends Component {
       return (
         <Container>
           <div className={ styles.noRequestsMsg }>
-            There are no requests requiring your confirmation.
+            <FormattedMessage
+              id='signer.requestsPage.noPending'
+              defaultMessage='There are no requests requiring your confirmation.'
+            />
           </div>
         </Container>
       );
@@ -99,7 +110,14 @@ class RequestsPage extends Component {
     const items = pending.sort(this._sortRequests).map(this.renderPending);
 
     return (
-      <Container title='Pending Requests'>
+      <Container
+        title={
+          <FormattedMessage
+            id='signer.requestsPage.pendingTitle'
+            defaultMessage='Pending Requests'
+          />
+        }
+      >
         { items }
       </Container>
     );