diff --git a/tp/src/Signin.js b/tp/src/Signin.js index 77d402b1301dfa879492cda1428ca760f9319214..45cce0a4eaa8b1e264abc8fa074ecf4627a1a179 100644 --- a/tp/src/Signin.js +++ b/tp/src/Signin.js @@ -3,10 +3,12 @@ import {useState} from "react"; let Signin = ({signin}) => { let [user, setUser] = useState(""); let [password, setPassword] = useState(""); + let [error, setError] = useState(""); let handleSubmit = e => { e.preventDefault(); - signin(user, password); + signin(user, password) + .catch(err => { setError(err.message); console.log("test"); }); setUser(''); setPassword(''); }; @@ -27,6 +29,7 @@ let Signin = ({signin}) => { <p><label>Password :</label></p> <p><input type="password" name="password" value={password} onChange={handlePasswordChange} /></p> <p><button type="submit">Submit</button></p> + <p><label value={error}></label></p> </form> </div> }; diff --git a/tp/src/Signup.js b/tp/src/Signup.js index 79f3e2813be0316d867ab2986cc85fd345f10b3d..10cf8171c4d875e208aaf5d153b7de4821e2dea5 100644 --- a/tp/src/Signup.js +++ b/tp/src/Signup.js @@ -3,10 +3,12 @@ import {useState} from "react"; let Signup = ({signup}) => { let [user, setUser] = useState(""); let [password, setPassword] = useState(""); + let [error, setError] = useState(""); let handleSubmit = e => { e.preventDefault(); - signup(user, password); + signup(user, password) + .catch(err => { setError(err.message); }); setUser(''); setPassword(''); }; @@ -27,6 +29,7 @@ let Signup = ({signup}) => { <p><label>Password :</label></p> <p><input type="password" name="password" value={password} onChange={handlePasswordChange} /></p> <p><button type="submit">Submit</button></p> + <p>{error}</p> </form> </div> }; diff --git a/tp/src/TP3.js b/tp/src/TP3.js index 05390189ecf0d4fd93ad3e931634dc58b57551fc..37c6933c9b4d77afa6083b265cdd2ddabf66d0aa 100644 --- a/tp/src/TP3.js +++ b/tp/src/TP3.js @@ -23,7 +23,7 @@ let TP3 = () => { }; let signin = (user, password) => { - fetch(`http://127.0.0.1:4200/signin`, { + return fetch(`http://127.0.0.1:4200/signin`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({user, password}) @@ -32,14 +32,11 @@ let TP3 = () => { .then(res => res.json()) .then(data => { console.log(data); - }) - .catch(err => { - console.log(err.message); }); }; let signup = (user, password) => { - fetch(`http://127.0.0.1:4200/signup`, { + return fetch(`http://127.0.0.1:4200/signup`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({user, password}) @@ -48,9 +45,6 @@ let TP3 = () => { .then(res => res.json()) .then(data => { console.log(data); - }) - .catch(err => { - console.log(err.message); }); };