diff options
author | Anike Arni <aarni@thoughtworks.com> | 2017-02-08 16:05:44 -0200 |
---|---|---|
committer | Anike Arni <aarni@thoughtworks.com> | 2017-02-08 17:46:43 -0200 |
commit | ad7ad7c7f781706b25b29c80c642006a4d18411a (patch) | |
tree | bd634c07b72080b91ea0507827cf04c4f3a73553 /web-ui/src/account_recovery/page.js | |
parent | 0d4cf4ad3a5da62f65730d6c3e3665fc12d72590 (diff) |
[#922] Create footer
with @tayanefernandes
Diffstat (limited to 'web-ui/src/account_recovery/page.js')
-rw-r--r-- | web-ui/src/account_recovery/page.js | 34 |
1 files changed, 20 insertions, 14 deletions
diff --git a/web-ui/src/account_recovery/page.js b/web-ui/src/account_recovery/page.js index ac01529d..ce791dd4 100644 --- a/web-ui/src/account_recovery/page.js +++ b/web-ui/src/account_recovery/page.js @@ -19,25 +19,31 @@ 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 Footer from 'src/common/footer/footer'; import './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> - <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' /> - <span>{t('back-to-inbox')}</span> - </a> + <div className='page'> + <section> + <div className='container'> + <img className='backup-account-image' 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> + <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' /> + <span>{t('back-to-inbox')}</span> + </a> + </div> + </form> </div> - </form> + </section> + <Footer /> </div> ); |