File size: 3,088 Bytes
ef66196 621e7be ef66196 6575ce3 ef66196 a6996b3 ef66196 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 |
import React, { useState } from 'react'
import '../login.css';
function Signin({toLogin}) {
const [formData, setFormData] = useState({
prenom: '',
nom: '',
email: '',
password: '',
});
const handleChange = (e) => {
setFormData({...formData, [e.target.name]: e.target.value});
};
const handleSubmit = async (e) => {
e.preventDefault();
try {
const res = await fetch("https://axl95-medically.hf.space/api/register", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify(formData)
});
if (res.ok) {
const data = await res.json();
console.log(data);
toLogin();
} else {
const errorData = await res.json().catch(() => ({}));
alert(errorData.detail || "Erreur d'inscription");
}
} catch (error) {
console.error("Erreur lors de l'inscription", error);
}
};
return (
<div className='login'>
<h1 className='title-1'>Bienvenue sur Medic.ial !</h1>
<div className="container">
<div className='container-form'>
<form action="" className='form' onSubmit={handleSubmit}>
<h3>INSCRIPTION</h3>
<div className='form-container-name'>
<div>
<p className='form-title'>Prénom</p>
<input type='text' name="prenom" onChange={handleChange} value={formData.prenom} className='form-input'/>
</div>
<div>
<p className='form-title'>Nom</p>
<input type='text' name="nom" onChange={handleChange} value={formData.nom} className='form-input'/>
</div>
</div>
<div className='form-container-input'>
<p className='form-title'>Adresse email</p>
<input type='email' name="email" onChange={handleChange} value={formData.email} className='form-input'/>
</div>
<div className='form-container-input'>
<p className='form-title'>Mot de passe</p>
<input type='password' name="password" onChange={handleChange} value={formData.password} className='form-input'/>
</div>
<div className='form-container-submit'>
<button type="submit">Inscription</button>
</div>
</form>
</div>
</div>
<p className='title-2'>(test) Déjà un compte ? <span onClick={toLogin}>Se connecter</span></p>
</div>
)
}
export default Signin
|