inscription OK

src/components/forms/SignupForm/index.jsx

@@ -43,13 +43,17 @@ const SignupForm = () => {
 		return await post("/users", body);
 	};
 
-	useEffect(() => {
+	useEffect(async () => {
 		if (passwordCheck === false) {
 			console.log("Passwords do not match");
 		} else if (passwordCheck === true && userData) {
-			const response = handleSignup(userData);
-			console.log(response.status);
-			// history.push({ pathname: "/", state: response.status });
+			const response = await handleSignup(userData);
+			if (response.status === 201) {
+				history.push({
+					pathname: "/",
+					state: { status: "201 : user created" }
+				});
+			}
 		}
 	}, [passwordCheck, userData]);
 

src/pages/Home/index.jsx

@@ -1,4 +1,5 @@
 import React, { useEffect } from "react";
+import { useLocation } from "react-router";
 import { useSelector } from "react-redux";
 
 import Cookies from "js-cookie";
@@ -6,20 +7,7 @@ import Cookies from "js-cookie";
 const Home = () => {
 	const currentUser = useSelector((state) => state.currentUser);
 
-	// const isThereAToken = () => {
-	// 	let token = Cookies.get("token");
-	// 	if (token) {
-	// 		console.log("Connecté 666");
-	// 	} else {
-	// 		console.log("Non connecté 666");
-	// 	}
-	// };
-	// Problématique à résoudre : s'il n'y a plus de token stocké dans un cookie (supprimé volontairement ou non par un·e utilisateurice), il faut alors déconnecter l'utilisateurice (supprimer le contenu du store Redux)
-	// Piste : une fonction qui serait exécutée dans les useEffect des pages uniquement, pas des composants, et qui observerait la présence/absence d'un token, et viderait le store si nécessaire
-
-	// useEffect(() => {
-	// 	isThereAToken();
-	// }, []);
+	const location = useLocation();
 
 	return (
 		<div className="test">
@@ -35,6 +23,7 @@ const Home = () => {
 					<p>Utilisateurice non connecté·e.</p>
 				</div>
 			)}
+			<p>{location.state && location.state.status}</p>
 		</div>
 	);
 };

src/services/request/Post.js

@@ -16,7 +16,7 @@ const post = async (
     const response = await axios.post(BASE_URL + endpoint, body, { headers: opt })
     return response
   } catch (err) {
-    console.error(`An error occurred while trying to fetch ` + endpoint + `. ` + err);
+    console.error(`An error occurred while trying to fetch ${endpoint}. ${err}`);
   }
 }