From 31b0bcaa673794024a71065be76681150ad4b9d6 Mon Sep 17 00:00:00 2001
From: Tayane Fernandes <tayane.rmf@gmail.com>
Date: Tue, 7 Feb 2017 18:51:08 -0200
Subject: [#922] Extract input field to a component

with @anikarni
---
 web-ui/src/account_recovery/page.js | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

(limited to 'web-ui/src/account_recovery/page.js')

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="/">
-- 
cgit v1.2.3