diff options
author | Anike Arni <anikarni@gmail.com> | 2017-02-08 13:51:11 -0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-02-08 13:51:11 -0200 |
commit | a1c384cebd80e177389ef79c2de6400db986aaa6 (patch) | |
tree | 7d2e14fbf931fd50769510bfc5809f41e5c48dbf /web-ui/app/js | |
parent | 48e5acd386123a06586c20bf192fc18b5471da13 (diff) | |
parent | aa26a47abac48d817a04a4f2375f1378767fa83c (diff) |
Merge pull request #964 from pixelated/backup-email-page
Refactoring react code
Diffstat (limited to 'web-ui/app/js')
-rw-r--r-- | web-ui/app/js/account_recovery.js | 18 | ||||
-rw-r--r-- | web-ui/app/js/account_recovery/i18n.js | 39 | ||||
-rw-r--r-- | web-ui/app/js/account_recovery/page.js | 28 |
3 files changed, 0 insertions, 85 deletions
diff --git a/web-ui/app/js/account_recovery.js b/web-ui/app/js/account_recovery.js deleted file mode 100644 index cd01378d..00000000 --- a/web-ui/app/js/account_recovery.js +++ /dev/null @@ -1,18 +0,0 @@ -import React from 'react' -import { render } from 'react-dom' -import a11y from 'react-a11y' -import { I18nextProvider } from 'react-i18next' - -import Page from 'js/account_recovery/page' -import i18n from 'js/account_recovery/i18n' - -import 'font-awesome/scss/font-awesome.scss' - -if(process.env.NODE_ENV === 'development') a11y(React); - -render( - <I18nextProvider i18n={ i18n }> - <Page/> - </I18nextProvider>, - document.getElementById('root') -); diff --git a/web-ui/app/js/account_recovery/i18n.js b/web-ui/app/js/account_recovery/i18n.js deleted file mode 100644 index 9c6ad550..00000000 --- a/web-ui/app/js/account_recovery/i18n.js +++ /dev/null @@ -1,39 +0,0 @@ -/* - * Copyright (c) 2017 ThoughtWorks, Inc. - * - * Pixelated is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as published by - * the Free Software Foundation, either version 3 of the License, or - * (at your option) any later version. - * - * Pixelated is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with Pixelated. If not, see <http://www.gnu.org/licenses/>. - */ -import i18n from 'i18next' -import i18nBackend from 'i18nextXHRBackend' -import i18nDetector from 'i18nextBrowserLanguageDetector' - -const detector = new i18nDetector(); -const detect = detector.detect.bind(detector); - -detector.detect = function(detectionOrder) { - let result = detect(detectionOrder); - return result.replace('-', '_'); -}; - -i18n - .use(i18nBackend) - .use(detector) - .init({ - fallbackLng: 'en_US', - backend: { - loadPath: 'assets/locales/{{lng}}/{{ns}}.json' - } - }); - -export default i18n; diff --git a/web-ui/app/js/account_recovery/page.js b/web-ui/app/js/account_recovery/page.js deleted file mode 100644 index a94c2c45..00000000 --- a/web-ui/app/js/account_recovery/page.js +++ /dev/null @@ -1,28 +0,0 @@ -import React from 'react' -import { translate } from 'react-i18next' - -import 'scss/account_recovery/page.scss' - -export const Page = ({ t }) => ( - <div className='container'> - <img src='assets/images/forgot-my-password.svg' alt={t('backup-account.image-description')}/> - <form> - <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">{t('backup-account.input-label')}</label> - </div> - <button>{t('backup-account.button')}</button> - <div> - <a href="/"> - <i className="fa fa-angle-left" aria-hidden="true"></i> - <span>{t('back-to-inbox')}</span> - </a> - </div> - </form> - </div> -) - -export default translate('', { wait: true })(Page) |