From 54409a9dc33158b503bae78b3da2251ef210d8e3 Mon Sep 17 00:00:00 2001
From: Vincent Seyller <vseyller@laposte.net>
Date: Thu, 3 Dec 2020 12:33:34 +0100
Subject: [PATCH] Affiche erreur formulaire
---
tp/src/Signin.js | 5 ++++-
tp/src/Signup.js | 5 ++++-
tp/src/TP3.js | 10 ++--------
3 files changed, 10 insertions(+), 10 deletions(-)
diff --git a/tp/src/Signin.js b/tp/src/Signin.js
index 77d402b13..45cce0a4e 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 79f3e2813..10cf8171c 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 05390189e..37c6933c9 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);
});
};
--
GitLab