summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--web-ui/app/js/account_recovery/i18n.js2
-rw-r--r--web-ui/app/js/account_recovery/page.js16
-rw-r--r--web-ui/app/locales/en_US/translation.json11
-rw-r--r--web-ui/app/locales/pt_BR/translation.json11
-rw-r--r--web-ui/test/spec/account_recovery/page.spec.js8
5 files changed, 32 insertions, 16 deletions
diff --git a/web-ui/app/js/account_recovery/i18n.js b/web-ui/app/js/account_recovery/i18n.js
index 968f7a6b..9c6ad550 100644
--- a/web-ui/app/js/account_recovery/i18n.js
+++ b/web-ui/app/js/account_recovery/i18n.js
@@ -31,8 +31,6 @@ i18n
.use(detector)
.init({
fallbackLng: 'en_US',
- ns: ['translation'],
- defaultNS: 'translation',
backend: {
loadPath: 'assets/locales/{{lng}}/{{ns}}.json'
}
diff --git a/web-ui/app/js/account_recovery/page.js b/web-ui/app/js/account_recovery/page.js
index 90cdb54f..a94c2c45 100644
--- a/web-ui/app/js/account_recovery/page.js
+++ b/web-ui/app/js/account_recovery/page.js
@@ -3,22 +3,22 @@ import { translate } from 'react-i18next'
import 'scss/account_recovery/page.scss'
-const Page = (props) => (
+export const Page = ({ t }) => (
<div className='container'>
- <img src='assets/images/forgot-my-password.svg' alt="Esqueci minha senha!"/>
+ <img src='assets/images/forgot-my-password.svg' alt={t('backup-account.image-description')}/>
<form>
- <h1>E se você esquecer sua senha?</h1>
- <p>Informe outro e-mail que você usa regularmente. Esse será o seu e-mail de recuperação.</p>
- <p>Instruções para recuperar sua senha serão enviadas para esse e-mail, guarde com carinho.</p>
+ <h1>{t('backup-account.title')}</h1>
+ <p>{t('backup-account.paragraph1')}</p>
+ <p>{t('backup-account.paragraph2')}</p>
<div className="field-group">
<input type="text" name="email" className="email" required/>
- <label className="animated-label" htmlFor="email">Digite seu e-mail de recuperação</label>
+ <label className="animated-label" htmlFor="email">{t('backup-account.input-label')}</label>
</div>
- <button>Adicionar e-mail</button>
+ <button>{t('backup-account.button')}</button>
<div>
<a href="/">
<i className="fa fa-angle-left" aria-hidden="true"></i>
- <span>Voltar</span>
+ <span>{t('back-to-inbox')}</span>
</a>
</div>
</form>
diff --git a/web-ui/app/locales/en_US/translation.json b/web-ui/app/locales/en_US/translation.json
index 6e2cef80..db018db4 100644
--- a/web-ui/app/locales/en_US/translation.json
+++ b/web-ui/app/locales/en_US/translation.json
@@ -73,5 +73,14 @@
"trash": "Trash",
"all": "All",
"tags": "Tags"
- }
+ },
+ "backup-account": {
+ "image-description": "Forgot my password!",
+ "title": "What if you forget your password?",
+ "paragraph1": "You will need a backup account. Choose an alternative email address you use regularly.",
+ "paragraph2": "Instructions to recover your password will be sent to this email address, save it.",
+ "input-label": "Type your backup account",
+ "button": "Add Account"
+ },
+ "back-to-inbox": "Back to my inbox"
}
diff --git a/web-ui/app/locales/pt_BR/translation.json b/web-ui/app/locales/pt_BR/translation.json
index d1ab7245..87b2655e 100644
--- a/web-ui/app/locales/pt_BR/translation.json
+++ b/web-ui/app/locales/pt_BR/translation.json
@@ -73,5 +73,14 @@
"trash": "Lixeira",
"all": "Todas",
"tags": "Etiquetas"
- }
+ },
+ "backup-account": {
+ "image-description": "Esqueci minha senha!",
+ "title": "E se você esquecer sua senha?",
+ "paragraph1": "Informe outro e-mail que você usa regularmente. Esse será o seu e-mail de recuperação.",
+ "paragraph2": "Instruções para recuperar sua senha serão enviadas para esse e-mail, guarde com carinho.",
+ "input-label": "Digite seu e-mail de recuperação.",
+ "button": "Adicionar e-mail"
+ },
+ "back-to-inbox": "Voltar"
}
diff --git a/web-ui/test/spec/account_recovery/page.spec.js b/web-ui/test/spec/account_recovery/page.spec.js
index f550a51e..3e19f244 100644
--- a/web-ui/test/spec/account_recovery/page.spec.js
+++ b/web-ui/test/spec/account_recovery/page.spec.js
@@ -1,12 +1,12 @@
import {shallow} from 'enzyme'
import expect from 'expect'
import React from 'react'
-import Page from '../../../app/js/account_recovery/page'
+import { Page } from '../../../app/js/account_recovery/page'
describe('Page', () => {
- 'use strict';
it('renders backup email page title', () => {
- const page = shallow(<Page />);
- expect(page.find('h1').text()).toEqual('E se você esquecer sua senha?');
+ const mockT = key => key;
+ const page = shallow(<Page t={mockT}/>);
+ expect(page.find('h1').text()).toEqual('backup-account.title');
});
});