diff options
author | Tayane Fernandes <tayane.rmf@gmail.com> | 2017-02-07 18:51:08 -0200 |
---|---|---|
committer | Tayane Fernandes <tayane.rmf@gmail.com> | 2017-02-07 18:51:08 -0200 |
commit | 31b0bcaa673794024a71065be76681150ad4b9d6 (patch) | |
tree | 1895bf9990c05814ec009c615c206c8fc91f4064 /web-ui/src/account_recovery/page.js | |
parent | a47f32a7b0728c402787ebe914a0953638734820 (diff) |
[#922] Extract input field to a component
with @anikarni
Diffstat (limited to 'web-ui/src/account_recovery/page.js')
-rw-r--r-- | web-ui/src/account_recovery/page.js | 8 |
1 files changed, 3 insertions, 5 deletions
diff --git a/web-ui/src/account_recovery/page.js b/web-ui/src/account_recovery/page.js index 90a1faa4..d1bcb464 100644 --- a/web-ui/src/account_recovery/page.js +++ b/web-ui/src/account_recovery/page.js @@ -17,7 +17,8 @@ import React from 'react' import { translate } from 'react-i18next' -import SubmitButton from 'src/common/submit_button' +import SubmitButton from 'src/common/submit_button/submit_button' +import InputField from 'src/common/input_field/input_field' import './page.scss' @@ -28,10 +29,7 @@ export const Page = ({ t }) => ( <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> + <InputField name='email' label={t('backup-account.input-label')} /> <SubmitButton buttonText={t('backup-account.button')} /> <div> <a href="/"> |