diff options
Diffstat (limited to 'web-ui/src/account_recovery')
-rw-r--r-- | web-ui/src/account_recovery/account_recovery.js | 20 | ||||
-rw-r--r-- | web-ui/src/account_recovery/page.js | 22 | ||||
-rw-r--r-- | web-ui/src/account_recovery/page.scss | 11 |
3 files changed, 23 insertions, 30 deletions
diff --git a/web-ui/src/account_recovery/account_recovery.js b/web-ui/src/account_recovery/account_recovery.js index 6c12e326..d4e0f4e8 100644 --- a/web-ui/src/account_recovery/account_recovery.js +++ b/web-ui/src/account_recovery/account_recovery.js @@ -15,21 +15,21 @@ * along with Pixelated. If not, see <http://www.gnu.org/licenses/>. */ -import React from 'react' -import { render } from 'react-dom' -import a11y from 'react-a11y' -import { I18nextProvider } from 'react-i18next' +import React from 'react'; +import { render } from 'react-dom'; +import a11y from 'react-a11y'; +import { I18nextProvider } from 'react-i18next'; -import Page from './page' -import i18n from '../i18n' +import 'font-awesome/scss/font-awesome.scss'; -import 'font-awesome/scss/font-awesome.scss' +import PageWrapper from './page'; +import i18n from '../i18n'; -if(process.env.NODE_ENV === 'development') a11y(React); +if (process.env.NODE_ENV === 'development') a11y(React); render( - <I18nextProvider i18n={ i18n }> - <Page/> + <I18nextProvider i18n={i18n}> + <PageWrapper /> </I18nextProvider>, document.getElementById('root') ); diff --git a/web-ui/src/account_recovery/page.js b/web-ui/src/account_recovery/page.js index d1bcb464..ac01529d 100644 --- a/web-ui/src/account_recovery/page.js +++ b/web-ui/src/account_recovery/page.js @@ -15,12 +15,12 @@ * along with Pixelated. If not, see <http://www.gnu.org/licenses/>. */ -import React from 'react' -import { translate } from 'react-i18next' -import SubmitButton from 'src/common/submit_button/submit_button' -import InputField from 'src/common/input_field/input_field' +import React from 'react'; +import { translate } from 'react-i18next'; +import SubmitButton from 'src/common/submit_button/submit_button'; +import InputField from 'src/common/input_field/input_field'; -import './page.scss' +import './page.scss'; export const Page = ({ t }) => ( <div className='container'> @@ -32,13 +32,17 @@ export const Page = ({ t }) => ( <InputField name='email' label={t('backup-account.input-label')} /> <SubmitButton buttonText={t('backup-account.button')} /> <div> - <a href="/"> - <i className="fa fa-angle-left" aria-hidden="true"></i> + <a href='/'> + <i className='fa fa-angle-left' aria-hidden='true' /> <span>{t('back-to-inbox')}</span> </a> </div> </form> </div> -) +); -export default translate('', { wait: true })(Page) +Page.propTypes = { + t: React.PropTypes.func.isRequired +}; + +export default translate('', { wait: true })(Page); diff --git a/web-ui/src/account_recovery/page.scss b/web-ui/src/account_recovery/page.scss index c928d815..619d1105 100644 --- a/web-ui/src/account_recovery/page.scss +++ b/web-ui/src/account_recovery/page.scss @@ -65,18 +65,13 @@ a { width: 84%; margin: 3% auto; padding: 6% 5%; - - -webkit-display: flex; display: flex; - -webkit-align-items: flex-start; align-items: flex-start; - -webkit-flex-direction: column; flex-direction: column; } img { width: 50%; - -webkit-align-self: center; align-self: center; } @@ -87,13 +82,10 @@ img { form { display: flex; - -webkit-display: flex; - -webkit-flex-direction: column; flex-direction: column; div { width: 70%; - -webkit-align-self: center; align-self: center; } } @@ -103,9 +95,7 @@ img { .container{ width: 60%; padding: 3%; - -webkit-align-items: flex-start; align-items: flex-start; - -webkit-flex-direction: row; flex-direction: row; max-width: 700px; } @@ -115,7 +105,6 @@ img { div { width: 300px; - -webkit-align-self: flex-start; align-self: flex-start; } } |