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


From 91bc3bbf22f81f6da767e35430eaeb8127089f5b Mon Sep 17 00:00:00 2001
From: Tayane Fernandes <tayane.rmf@gmail.com>
Date: Mon, 6 Feb 2017 14:22:05 -0200
Subject: [#922] Add accessibility warning in dev env

with @anikarni
---
 web-ui/app/js/account_recovery.js      | 3 +++
 web-ui/app/js/account_recovery/page.js | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

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

diff --git a/web-ui/app/js/account_recovery.js b/web-ui/app/js/account_recovery.js
index 02183574..a48415f8 100644
--- a/web-ui/app/js/account_recovery.js
+++ b/web-ui/app/js/account_recovery.js
@@ -1,6 +1,9 @@
 import React from 'react'
 import { render } from 'react-dom'
 import Page from 'js/account_recovery/page'
+import a11y from 'react-a11y'
+
+if(process.env.NODE_ENV === 'development') a11y(React);
 
 render(
   <Page/>,
diff --git a/web-ui/app/js/account_recovery/page.js b/web-ui/app/js/account_recovery/page.js
index 447331bc..55df9ee7 100644
--- a/web-ui/app/js/account_recovery/page.js
+++ b/web-ui/app/js/account_recovery/page.js
@@ -5,7 +5,7 @@ import 'scss/account_recovery/page.scss'
 const Page = () => (
   <div className='container'>
     <form>
-      <img src='assets/images/forgot-my-password.svg' />
+      <img src='assets/images/forgot-my-password.svg' alt="Esqueci minha senha!"/>
       <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>
-- 
cgit v1.2.3


From eab587344a275d7d4afb05b8682e4ff76df5da61 Mon Sep 17 00:00:00 2001
From: Tayane Fernandes <tayane.rmf@gmail.com>
Date: Mon, 6 Feb 2017 17:57:49 -0200
Subject: [#922] Make backup page responsive for big devices

with @anikarni
---
 web-ui/app/js/account_recovery/page.js | 4 ++--
 1 file changed, 2 insertions(+), 2 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 55df9ee7..4dda8fff 100644
--- a/web-ui/app/js/account_recovery/page.js
+++ b/web-ui/app/js/account_recovery/page.js
@@ -4,11 +4,11 @@ import 'scss/account_recovery/page.scss'
 
 const Page = () => (
   <div className='container'>
+    <img src='assets/images/forgot-my-password.svg' alt="Esqueci minha senha!"/>
     <form>
-      <img src='assets/images/forgot-my-password.svg' alt="Esqueci minha senha!"/>
       <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>
+      <p>Instruções para recuperar sua senha 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>
-- 
cgit v1.2.3


From b2b05f3868055578b8d0cafb7d08dd7742bd4bed Mon Sep 17 00:00:00 2001
From: Tayane Fernandes <tayane.rmf@gmail.com>
Date: Mon, 6 Feb 2017 19:01:09 -0200
Subject: [#922] Add back link

with @anikarni
---
 web-ui/app/js/account_recovery.js      | 2 ++
 web-ui/app/js/account_recovery/page.js | 6 ++++++
 2 files changed, 8 insertions(+)

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

diff --git a/web-ui/app/js/account_recovery.js b/web-ui/app/js/account_recovery.js
index a48415f8..441a8936 100644
--- a/web-ui/app/js/account_recovery.js
+++ b/web-ui/app/js/account_recovery.js
@@ -3,6 +3,8 @@ import { render } from 'react-dom'
 import Page from 'js/account_recovery/page'
 import a11y from 'react-a11y'
 
+import 'font-awesome/scss/font-awesome.scss'
+
 if(process.env.NODE_ENV === 'development') a11y(React);
 
 render(
diff --git a/web-ui/app/js/account_recovery/page.js b/web-ui/app/js/account_recovery/page.js
index 4dda8fff..5d4f2c36 100644
--- a/web-ui/app/js/account_recovery/page.js
+++ b/web-ui/app/js/account_recovery/page.js
@@ -14,6 +14,12 @@ const Page = () => (
         <label className="animated-label" htmlFor="email">Digite seu e-mail de recuperação</label>
       </div>
       <button>Adicionar e-mail</button>
+      <div>
+        <a href="/">
+          <i className="fa fa-angle-left" aria-hidden="true"></i>
+          <span>Voltar</span>
+        </a>
+      </div>
     </form>
   </div>
 );
-- 
cgit v1.2.3