From 92a6d0c7dffb2f0887c3df99a2f462f7cf24b16f Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Fri, 10 May 2019 19:33:50 +0200
Subject: [PATCH] Additional help messages (#1137)

* Additional help messages

* Toolbox

* Update packages/app-settings/src/General.tsx

Co-Authored-By: Thibaut Sardan <33178835+Tbaut@users.noreply.github.com>

* Update packages/app-toolbox/src/Unlock.tsx

Co-Authored-By: Thibaut Sardan <33178835+Tbaut@users.noreply.github.com>
---
 packages/app-settings/src/General.tsx      | 2 ++
 packages/app-toolbox/src/Hash.tsx          | 5 ++++-
 packages/app-toolbox/src/Rpc/Selection.tsx | 1 +
 packages/app-toolbox/src/Sign.tsx          | 5 ++++-
 packages/app-toolbox/src/Unlock.tsx        | 1 +
 5 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/app-settings/src/General.tsx b/packages/app-settings/src/General.tsx
index 169fdb841e..5227cecd94 100644
--- a/packages/app-settings/src/General.tsx
+++ b/packages/app-settings/src/General.tsx
@@ -67,6 +67,7 @@ class General extends React.PureComponent<Props, State> {
           <div className='medium'>
             <Dropdown
               defaultValue={uiTheme}
+              help={t('The logo and colors for the app along with the identity icon theme.')}
               label={t('default interface theme')}
               onChange={this.onChangeUiTheme}
               options={uiSettings.availableUIThemes}
@@ -75,6 +76,7 @@ class General extends React.PureComponent<Props, State> {
           <div className='medium'>
             <Dropdown
               defaultValue={uiMode}
+              help={t('Adjust the mode from basic (with a limited number of beginner-user-friendly apps) to full (with all basic & advanced apps available)')}
               label={t('interface operation mode')}
               onChange={this.onChangeUiMode}
               options={uiSettings.availableUIModes}
diff --git a/packages/app-toolbox/src/Hash.tsx b/packages/app-toolbox/src/Hash.tsx
index 608782fd4a..0819761d21 100644
--- a/packages/app-toolbox/src/Hash.tsx
+++ b/packages/app-toolbox/src/Hash.tsx
@@ -43,7 +43,8 @@ class Hash extends React.PureComponent<Props, State> {
           <Input
             autoFocus
             className='full'
-            label={t('from the following data (hex or string)')}
+            help={t('The input data to hash. This can be either specified as a hex value (0x-prefix) or as a string.')}
+            label={t('from the following data')}
             onChange={this.onChangeData}
             value={data}
           />
@@ -51,6 +52,7 @@ class Hash extends React.PureComponent<Props, State> {
         <div className='ui--row'>
           <Static
             className='medium'
+            help={t('Detection on the input string to determine if it is hex or non-hex.')}
             label={t('hex input data')}
             value={
               isHexData
@@ -72,6 +74,7 @@ class Hash extends React.PureComponent<Props, State> {
         <Output
           className='full toolbox--hex'
           isHidden={hash.length === 0}
+          help={t('The blake2b 256-bit hash of the actual input data.')}
           label={t('the resulting hash is')}
           value={hash}
           withCopy
diff --git a/packages/app-toolbox/src/Rpc/Selection.tsx b/packages/app-toolbox/src/Rpc/Selection.tsx
index cc3078d062..b6ff128f36 100644
--- a/packages/app-toolbox/src/Rpc/Selection.tsx
+++ b/packages/app-toolbox/src/Rpc/Selection.tsx
@@ -48,6 +48,7 @@ class Selection extends React.PureComponent<Props, State> {
       <section className='rpc--Selection'>
         <InputRpc
           defaultValue={defaultMethod}
+          help={t('The actual JSONRPC module and function to make a call to.')}
           label={t('call the selected endpoint')}
           onChange={this.onChangeMethod}
         />
diff --git a/packages/app-toolbox/src/Sign.tsx b/packages/app-toolbox/src/Sign.tsx
index d9235ec54e..2cbfc24e72 100644
--- a/packages/app-toolbox/src/Sign.tsx
+++ b/packages/app-toolbox/src/Sign.tsx
@@ -106,7 +106,8 @@ class Sign extends React.PureComponent<Props, State> {
           <Input
             autoFocus
             className='full'
-            label={t('sign the following data (hex or string)')}
+            help={t('The input data to sign. This can be either specified as a hex value (0x-prefix) or as a string.')}
+            label={t('sign the following data')}
             onChange={this.onChangeData}
             value={data}
           />
@@ -114,6 +115,7 @@ class Sign extends React.PureComponent<Props, State> {
         <div className='ui--row'>
           <Static
             className='medium'
+            help={t('Detection on the input string to determine if it is hex or non-hex.')}
             label={t('hex input data')}
             value={
               isHexData
@@ -135,6 +137,7 @@ class Sign extends React.PureComponent<Props, State> {
         <Output
           className='full toolbox--hex'
           isHidden={signature.length === 0}
+          help={t('The resulting signature of the input data, as done with the crypto algorithm from the account. (This could be non-deterministic for some types such as sr25519).')}
           label={t('signature of supplied data')}
           value={signature}
           withCopy
diff --git a/packages/app-toolbox/src/Unlock.tsx b/packages/app-toolbox/src/Unlock.tsx
index 297ca2effc..8164a26fa3 100644
--- a/packages/app-toolbox/src/Unlock.tsx
+++ b/packages/app-toolbox/src/Unlock.tsx
@@ -129,6 +129,7 @@ class Unlock extends React.PureComponent<Props, State> {
             <Password
               className='medium'
               isError={!!unlockError}
+              help={t('The account\'s password specified at the creation of this account.')}
               label={t('unlock account using')}
               onChange={this.onChangePassword}
               value={password}