diff options
author | Tayane Fernandes <tayane.rmf@gmail.com> | 2017-02-07 15:16:00 -0200 |
---|---|---|
committer | Tayane Fernandes <tayane.rmf@gmail.com> | 2017-02-07 17:35:15 -0200 |
commit | ebd5b3adce44a16213e5c1ec763a642899eba908 (patch) | |
tree | d4e95ed6377ba3db0ebd3f2f0e08d0a516f38520 /web-ui | |
parent | 9cfc90ca67f5f46882ed21b460a01b6d50ffa79c (diff) |
[#922] Add translation for Portuguese and English
Diffstat (limited to 'web-ui')
-rw-r--r-- | web-ui/app/js/account_recovery/i18n.js | 2 | ||||
-rw-r--r-- | web-ui/app/js/account_recovery/page.js | 16 | ||||
-rw-r--r-- | web-ui/app/locales/en_US/translation.json | 11 | ||||
-rw-r--r-- | web-ui/app/locales/pt_BR/translation.json | 11 | ||||
-rw-r--r-- | web-ui/test/spec/account_recovery/page.spec.js | 8 |
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'); }); }); |