En cours : update des user details

src/components/forms/SignupForm/index.jsx

@@ -1,5 +1,4 @@
 import React, { useState, useEffect } from "react";
-import { useDispatch } from "react-redux";
 import { useHistory } from "react-router-dom";
 
 import post from "../../../services/request/Post";
@@ -9,7 +8,6 @@ const SignupForm = () => {
 	const [userData, setUserData] = useState(null);
 	const [passwordCheck, setPasswordCheck] = useState(null);
 
-	const dispatch = useDispatch();
 	const history = useHistory();
 
 	const handleSubmit = (event) => {

src/components/forms/UserUpdateForm/index.jsx

@@ -1,24 +1,82 @@
-import React from "react";
-import { useSelector } from "react-redux";
+import React, { useState, useEffect } from "react";
+import { useSelector, useDispatch } from "react-redux";
+import { useHistory } from "react-router-dom";
+import Cookies from "js-cookie";
+
+import update from "../../../services/request/Update";
+import { setCurrentUser } from "../../../redux/action";
 
 const UserUpdateForm = () => {
+	const [userData, setUserData] = useState(null);
+	const [isUpdate, setIsUpdate] = useState(false);
+
 	const currentUser = useSelector((state) => state.currentUser);
+	const dispatch = useDispatch();
+	const history = useHistory();
+	const token = Cookies.get("token");
 
 	const handleSubmit = (event) => {
 		event.preventDefault();
 		const formdata = new FormData(event.currentTarget);
+
+		let id = currentUser.id;
+		let email = currentUser.email;
+		let username = currentUser.username;
+		if (formdata.get("username") && formdata.get("email")) {
+			console.log("1");
+			let username = formdata.get("username");
+			let email = formdata.get("email");
+			setIsUpdate(true);
+			setUserData({ ...userData, username, email, id });
+		} else if (formdata.get("username") && formdata.get("email") === "") {
+			console.log("2");
+			let username = formdata.get("username");
+			setIsUpdate(true);
+			setUserData({ ...userData, username, email, id });
+		} else if (formdata.get("email") && formdata.get("username") === "") {
+			console.log("3");
+			let email = formdata.get("email");
+			setIsUpdate(true);
+			setUserData({ ...userData, username, email, id });
+		}
+		console.log("handleSubmit : " + userData);
 	};
 
+	const handleUpdate = async ({ email, username }) => {
+		let body = {
+			user: {
+				email: email,
+				username: username
+			}
+		};
+		return await update(`/users/${currentUser.id}`, body, token);
+	};
+
+	useEffect(async () => {
+		if (isUpdate === true && userData) {
+			const response = await handleUpdate(userData);
+			if (response.status === 200) {
+				console.log(response.data.attributes);
+				// const payload = {
+				// 	type: "user",
+				// 	id: response.data.id,
+				// 	email: response.data.attributes.email,
+				// 	username: response.data.attributes.username
+				// };
+				// console.log(response.data);
+				// console.log(`Payload : ${payload.type}`);
+				// dispatch(setCurrentUser(payload));
+				// history.push("/me");
+			}
+		}
+	}, [isUpdate, userData]);
+
 	return (
 		<form action="" onSubmit={handleSubmit}>
 			<label htmlFor="username">Nom d'utilisateur</label>
 			<input type="text" id="username" name="username" />
 			<label htmlFor="email">Adresse email</label>
 			<input type="email" id="email" name="email" />
-			<label htmlFor="password">Mot de passe</label>
-			<input type="password" id="password" name="password" />
-			<label htmlFor="confirm_password">Confirmation du mot de passe</label>
-			<input type="password" id="confirm_password" name="confirm_password" />
 			<button type="submit">Valider</button>
 		</form>
 	);

src/pages/Profile/index.jsx

@@ -34,6 +34,7 @@ const ProfilePage = () => {
 	};
 
 	useEffect(() => {
+		console.log(currentUser);
 		if (deleteSuccess && deleteSuccess === true) {
 			Cookies.remove("token");
 			dispatch(removeCurrentUser());