[#923] Add translation for the validation error

@FrailWords

2 files changed, 3 insertions, 2 deletions

diff --git a/web-ui/src/backup_account/page.js b/web-ui/src/backup_account/page.js
index 07a36283..c7554cfb 100644
--- a/web-ui/src/backup_account/page.js
+++ b/web-ui/src/backup_account/page.js
@@ -39,8 +39,9 @@ export class Page extends React.Component {
   validateEmail(event) {
     const validEmail = validator.isEmail(event.target.value);
     const emptyEmail = validator.isEmpty(event.target.value);
+    const t = this.props.t;
     this.setState({
-      error: !emptyEmail && !validEmail ? 'Your email is invalid' : '',
+      error: !emptyEmail && !validEmail ? t('backup-account.error.invalid-email') : '',
       submitButtonDisabled: !validEmail || emptyEmail
     });
   }
diff --git a/web-ui/src/backup_account/page.spec.js b/web-ui/src/backup_account/page.spec.js
index 9a79392c..f3590ed8 100644
--- a/web-ui/src/backup_account/page.spec.js
+++ b/web-ui/src/backup_account/page.spec.js
@@ -37,7 +37,7 @@ describe('BackupAccount', () => {
 
     it('should set error in state and disabled submit button when email is invalid', () => {
       pageInstance.validateEmail({ target: { value: 'test' } });
-      expect(pageInstance.state.error).toEqual('Your email is invalid');
+      expect(pageInstance.state.error).toEqual('backup-account.error.invalid-email');
       expect(page.find('SubmitButton').props().disabled).toEqual(true);
     });