Fix input to take an ?Error for display error

this allow error of Input to be translatable in errors.yml

src/components/TranslatedError.js

@@ -24,7 +24,10 @@ class TranslatedError extends PureComponent<Props> {
     if (!error) return null
     if (typeof error !== 'object') {
       // this case should not happen (it is supposed to be a ?Error)
-      logger.critical(error)
+      logger.critical(`TranslatedError invalid usage: ${String(error)}`)
+      if (typeof error === 'string') {
+        return error // TMP in case still used somewhere
+      }
       return null
     }
     if (error.name) {

src/components/base/Input/index.js

@@ -87,7 +87,7 @@ type Props = {
   renderLeft?: any,
   renderRight?: any,
   containerProps?: Object,
-  error?: string | boolean,
+  error?: ?Error | boolean,
   small?: boolean,
   editInPlace?: boolean,
 }

src/components/modals/AccountSettingRenderBody.js

@@ -214,7 +214,7 @@ class HelperComp extends PureComponent<Props, State> {
                   maxLength={MAX_ACCOUNT_NAME_SIZE}
                   onChange={this.handleChangeName}
                   onFocus={e => this.handleFocus(e, 'accountName')}
-                  error={accountNameError && t('app:account.settings.accountName.error')}
+                  error={accountNameError && new Error(t('app:account.settings.accountName.error'))}
                 />
               </Box>
             </Container>
@@ -251,7 +251,9 @@ class HelperComp extends PureComponent<Props, State> {
                     onChange={this.handleChangeEndpointConfig}
                     onFocus={e => this.handleFocus(e, 'endpointConfig')}
                     error={
-                      endpointConfigError ? t('app:account.settings.endpointConfig.error') : false
+                      endpointConfigError
+                        ? new Error(t('app:account.settings.endpointConfig.error'))
+                        : null
                     }
                   />
                 </Box>

src/components/modals/Send/fields/RecipientField.js

@@ -9,6 +9,7 @@ import Box from 'components/base/Box'
 import LabelWithExternalIcon from 'components/base/LabelWithExternalIcon'
 import RecipientAddress from 'components/RecipientAddress'
 import { track } from 'analytics/segment'
+import { createCustomErrorClass } from 'helpers/errors'
 
 type Props<Transaction> = {
   t: T,
@@ -19,6 +20,8 @@ type Props<Transaction> = {
   autoFocus?: boolean,
 }
 
+const InvalidAddress = createCustomErrorClass('InvalidAddress')
+
 class RecipientField<Transaction> extends Component<Props<Transaction>, { isValid: boolean }> {
   state = {
     isValid: true,
@@ -79,7 +82,13 @@ class RecipientField<Transaction> extends Component<Props<Transaction>, { isVali
         <RecipientAddress
           autoFocus={autoFocus}
           withQrCode
-          error={!value || isValid ? null : `This is not a valid ${account.currency.name} address`}
+          error={
+            !value || isValid
+              ? null
+              : new InvalidAddress(null, {
+                  currencyName: account.currency.name,
+                })
+          }
           value={value}
           onChange={this.onChange}
         />

static/i18n/en/errors.yml

@@ -103,3 +103,5 @@ WrongDeviceForAccount:
 DeviceAppVerifyNotSupported:
   title: Open Manager to update this App
   description: The app verification is not supported
+InvalidAddress:
+  title: 'This is not a valid {{currencyName}} address'