Extract i18n strings in views/* (#4695)

* i18n for writecontract

* i18n for writecontract store

* wallet i18n

* wallet confirmations i18n

* wallet details i18n

* wallet transactions i18n

* status i18n

* status calls i18n

* status callstoolbar i18n

* status debug i18n

* status editableValue i18n

* status miningSettings i18n

* status rpcCalls i18n

* status rpcDocs i18n

* status status i18n

* signer i18n

* signer origin i18n

* signer signRequest i18n

* signer transactionMainDetails i18n

* sign transactionPending i18n

* signer transactionPending i18n

* Fix duplicate ids

* Typo

* Adapt tests for i18n

* Actionbar i18n

* contracts i18n

* contract i18n

* contract/queries i18n

* contract/events i18n

* application/frameError i18n

* Actionbar key naming

* addresses i18n

* address i18n

* accounts i18n (tooltip)

* Plural strings for owner numbers

* IdentityIcon placement

* Re-apply s/actiobar/actionbar/ after merge

js/src/views/Contract/contract.js

@@ -15,22 +15,16 @@
 // along with Parity.  If not, see <http://www.gnu.org/licenses/>.
 
 import React, { Component, PropTypes } from 'react';
+import { FormattedMessage } from 'react-intl';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
-import { FormattedMessage } from 'react-intl';
 import BigNumber from 'bignumber.js';
 
-import ActionDelete from 'material-ui/svg-icons/action/delete';
-import AvPlayArrow from 'material-ui/svg-icons/av/play-arrow';
-import ContentCreate from 'material-ui/svg-icons/content/create';
-import EyeIcon from 'material-ui/svg-icons/image/remove-red-eye';
-import ContentClear from 'material-ui/svg-icons/content/clear';
-
+import { EditMeta, ExecuteContract } from '~/modals';
 import { newError } from '~/redux/actions';
 import { setVisibleAccounts } from '~/redux/providers/personalActions';
-
-import { EditMeta, ExecuteContract } from '~/modals';
 import { Actionbar, Button, Page, Portal } from '~/ui';
+import { CancelIcon, DeleteIcon, EditIcon, PlayIcon, VisibleIcon } from '~/ui/Icons';
 import Editor from '~/ui/Editor';
 
 import Header from '../Account/Header';
@@ -191,8 +185,13 @@ class Contract extends Component {
 
     const cancelBtn = (
       <Button
-        icon={ <ContentClear /> }
-        label='Close'
+        icon={ <CancelIcon /> }
+        label={
+          <FormattedMessage
+            id='contract.buttons.close'
+            defaultMessage='Close'
+          />
+        }
         onClick={ this.closeDetailsDialog }
       />
     );
@@ -202,7 +201,12 @@ class Contract extends Component {
         buttons={ [ cancelBtn ] }
         onClose={ this.closeDetailsDialog }
         open
-        title={ 'contract details' }
+        title={
+          <FormattedMessage
+            id='contract.details.title'
+            defaultMessage='contract details'
+          />
+        }
       >
         <div className={ styles.details }>
           { this.renderSource(contract) }
@@ -243,33 +247,58 @@ class Contract extends Component {
     const buttons = [
       <Button
         key='execute'
-        icon={ <AvPlayArrow /> }
-        label='execute'
+        icon={ <PlayIcon /> }
+        label={
+          <FormattedMessage
+            id='contract.buttons.execute'
+            defaultMessage='execute'
+          />
+        }
         onClick={ this.showExecuteDialog }
       />,
       <Button
         key='editmeta'
-        icon={ <ContentCreate /> }
-        label='edit'
+        icon={ <EditIcon /> }
+        label={
+          <FormattedMessage
+            id='contract.buttons.edit'
+            defaultMessage='edit'
+          />
+        }
         onClick={ this.showEditDialog }
       />,
       <Button
         key='delete'
-        icon={ <ActionDelete /> }
-        label='forget'
+        icon={ <DeleteIcon /> }
+        label={
+          <FormattedMessage
+            id='contract.buttons.forget'
+            defaultMessage='forget'
+          />
+        }
         onClick={ this.showDeleteDialog }
       />,
       <Button
         key='viewDetails'
-        icon={ <EyeIcon /> }
-        label='details'
+        icon={ <VisibleIcon /> }
+        label={
+          <FormattedMessage
+            id='contract.buttons.details'
+            defaultMessage='details'
+          />
+        }
         onClick={ this.showDetailsDialog }
       />
     ];
 
     return (
       <Actionbar
-        title='Contract Information'
+        title={
+          <FormattedMessage
+            id='contract.title'
+            defaultMessage='Contract Information'
+          />
+        }
         buttons={ !account ? [] : buttons }
       />
     );