diff options
author | Tayane Fernandes <tayane.rmf@gmail.com> | 2017-02-07 18:09:20 -0200 |
---|---|---|
committer | Tayane Fernandes <tayane.rmf@gmail.com> | 2017-02-07 18:09:20 -0200 |
commit | a47f32a7b0728c402787ebe914a0953638734820 (patch) | |
tree | d3d33d6afd08367071a55e6c7c0cfe8d22ff44f3 /web-ui/src/account_recovery/page.js | |
parent | 1204842f3eb792b6f12445edf1a79532493a3d55 (diff) |
[#922] Extract the submit button 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 | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/web-ui/src/account_recovery/page.js b/web-ui/src/account_recovery/page.js index 79eca8a7..90a1faa4 100644 --- a/web-ui/src/account_recovery/page.js +++ b/web-ui/src/account_recovery/page.js @@ -17,21 +17,22 @@ import React from 'react' import { translate } from 'react-i18next' +import SubmitButton from 'src/common/submit_button' import './page.scss' export const Page = ({ t }) => ( <div className='container'> - <img src='assets/images/forgot-my-password.svg' alt={t('backup-account.image-description')}/> + <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/> + <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> + <SubmitButton buttonText={t('backup-account.button')} /> <div> <a href="/"> <i className="fa fa-angle-left" aria-hidden="true"></i> |