From af309eddd421b8f57319e498fa4994a2e3cb0a0e Mon Sep 17 00:00:00 2001
From: Anike Arni <aarni@thoughtworks.com>
Date: Fri, 3 Feb 2017 18:44:18 -0200
Subject: [#922] Adds text field and button to page

with @tayanefernandes
---
 web-ui/app/js/account_recovery/page.js | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

(limited to 'web-ui/app/js')

diff --git a/web-ui/app/js/account_recovery/page.js b/web-ui/app/js/account_recovery/page.js
index a6be0c6e..447331bc 100644
--- a/web-ui/app/js/account_recovery/page.js
+++ b/web-ui/app/js/account_recovery/page.js
@@ -3,9 +3,18 @@ import React from 'react'
 import 'scss/account_recovery/page.scss'
 
 const Page = () => (
-  <div className="container">
-    <img src="assets/images/forgot-my-password.svg" />
-    <h1>E se você esquecer sua senha?</h1>
+  <div className='container'>
+    <form>
+      <img src='assets/images/forgot-my-password.svg' />
+      <h1>E se você esquecer sua senha?</h1>
+      <p>Informe outro e-mail que você usa regularmente. Esse será o seu e-mail de recuperação.</p>
+      <p>Instruções serão enviadas para esse e-mail, guarde com carinho.</p>
+      <div className="field-group">
+        <input type="text" name="email" className="email" required/>
+        <label className="animated-label" htmlFor="email">Digite seu e-mail de recuperação</label>
+      </div>
+      <button>Adicionar e-mail</button>
+    </form>
   </div>
 );
 
-- 
cgit v1.2.3