Tela Recuperar Senha

FGA0138-MDS-Ajax · May 28, 2024 · cc13044 · cc13044
1 parent 54e4869
commit cc13044
Showing 1 changed file with 39 additions and 10 deletions.
diff --git 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;
+        <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;