Add authenticate step to encrypt/decrypt message

... for locked account

i18n/locales/en/common.json

@@ -174,6 +174,7 @@
   "URL is invalid": "URL is invalid",
   "Unable to connect to the node": "Unable to connect to the node",
   "Undo": "Undo",
+  "Unlock account": "Unlock account",
   "Update download finished": "Update download finished",
   "Update now": "Update now",
   "Updates downloaded, application has to be restarted to apply the updates.": "Updates downloaded, application has to be restarted to apply the updates.",
@@ -208,7 +209,9 @@
   "confirmation": "confirmation",
   "confirmations": "confirmations",
   "decrypt": "decrypt",
+  "decrypt message": "decrypt message",
   "encrypt": "encrypt",
+  "encrypt message": "encrypt message",
   "logout": "logout",
   "my votes": "my votes",
   "send": "send",

src/components/authenticate/authenticate.js

@@ -54,7 +54,7 @@ class Authenticate extends React.Component {
             onClick: this.props.closeDialog,
           }}
           primaryButton={{
-            label: this.props.t('Submit'),
+            label: this.props.t('Unlock account'),
             onClick: this.update.bind(this),
             className: 'authenticate-button',
             disabled: (!authStateIsValid(this.state)),

src/components/decryptMessage/decryptMessage.js

@@ -2,8 +2,9 @@ import React from 'react';
 import Input from 'react-toolbox/lib/input';
 import Lisk from 'lisk-js';
 import { translate } from 'react-i18next';
-import SignVerifyResult from '../signVerifyResult';
 import ActionBar from '../actionBar';
+import Authenticate from '../authenticate';
+import SignVerifyResult from '../signVerifyResult';
 
 class DecryptMessage extends React.Component {
   constructor() {
@@ -53,7 +54,7 @@ class DecryptMessage extends React.Component {
   }
 
   render() {
-    return (
+    return (typeof this.props.account.passphrase === 'string' && this.props.account.passphrase.length > 0 ?
       <div className='decrypt-message'>
         <form onSubmit={this.showResult.bind(this)}>
           <section>
@@ -87,7 +88,8 @@ class DecryptMessage extends React.Component {
               }} />
           }
         </form>
-      </div>
+      </div> :
+      <Authenticate nextAction={this.props.t('decrypt message')}/>
     );
   }
 }

src/components/encryptMessage/encryptMessage.js

@@ -2,8 +2,9 @@ import React from 'react';
 import Input from 'react-toolbox/lib/input';
 import Lisk from 'lisk-js';
 import { translate } from 'react-i18next';
-import SignVerifyResult from '../signVerifyResult';
 import ActionBar from '../actionBar';
+import Authenticate from '../authenticate';
+import SignVerifyResult from '../signVerifyResult';
 
 
 class EncryptMessage extends React.Component {
@@ -67,7 +68,7 @@ class EncryptMessage extends React.Component {
   }
 
   render() {
-    return (
+    return (typeof this.props.account.passphrase === 'string' && this.props.account.passphrase.length > 0 ?
       <div className='sign-message'>
         <form onSubmit={this.encrypt.bind(this)}>
           <section>
@@ -95,7 +96,8 @@ class EncryptMessage extends React.Component {
               }} />
           }
         </form>
-      </div>
+      </div> :
+      <Authenticate nextAction={this.props.t('encrypt message')}/>
     );
   }
 }