From cc13044ead20a1012c98d8b587eaecbe3852399c Mon Sep 17 00:00:00 2001
From: femathrl <84880995+femathrl@users.noreply.github.com>
Date: Tue, 28 May 2024 00:04:25 -0300
Subject: [PATCH] Tela Recuperar Senha

---
 frontend/src/pages/PasswordRecovery/index.jsx | 49 +++++++++++++++----
 1 file changed, 39 insertions(+), 10 deletions(-)
diff --git a/frontend/src/pages/PasswordRecovery/index.jsx b/frontend/src/pages/PasswordRecovery/index.jsx
index e558a04..9a017f8 100644
--- a/frontend/src/pages/PasswordRecovery/index.jsx
+++ b/frontend/src/pages/PasswordRecovery/index.jsx
@@ -2,14 +2,43 @@ import React, { useState } from 'react';
 import './PasswordRecovery.css';
 import { Link } from 'react-router-dom';
 
-function passwordRecovery() {
+function PasswordRecovery() {
+
+const [email, setEmail] = useState('');
+
+const handleEmailChange = (event) => {
+    setEmail(event.target.value);
+}
+
+const handleSubmit = (event) =>{
+    event.preventDefault();
+    console.log("email:", email)
+
+    setEmail('');
+
+    alert("email : "+email);
+}
+
     return (
-        <>
-        <p>
-                aaaaaa
-        </p>
-        </>
-            )
-            }
-
-            export default passwordRecovery;
\ No newline at end of file
+        <body id="paginaPasswordRecovery">
+            <div className=' divC'>
+                <Link to= '/Login'>
+                    <img className='img-setaRecovery' src='/seta.svg' alt ='seta'/>
+                </Link>
+                <span className='title'> Esqueceu a senha?</span>
+                <span className='sub-title'> Coloque seu e-mail</span>
+                <form onSubmit={handleSubmit}>
+                    <input
+                    type = "text"
+                    placeholder='E-mail'
+                    value ={email}
+                    onChange = {handleEmailChange}
+                    />
+                    <button type="submit"> Enviar</button>
+                </form>
+            </div>
+        </body>
+);
+}
+
+export default PasswordRecovery;
