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

@@ -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}

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

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}
         />

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

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}