Une réposne valide est obtenue suite à une requete update

src/components/forms/LoginForm/index.jsx

@@ -14,9 +14,9 @@ const LoginForm = () => {
 	const dispatch = useDispatch();
 	const history = useHistory();
 
-	const handleSubmit = (event) => {
-		event.preventDefault();
-		const formdata = new FormData(event.currentTarget);
+	const handleSubmit = (e) => {
+		e.preventDefault();
+		const formdata = new FormData(e.currentTarget);
 		setUserData({
 			...userData,
 			email: formdata.get("email"),

src/components/forms/UserUpdateForm/index.jsx

@@ -8,68 +8,56 @@ 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 });
+	const handleSubmit = (e) => {
+		e.preventDefault();
+		const formdata = new FormData(e.currentTarget);
+		if (formdata.get("email") !== "" && formdata.get("username") !== "") {
+			const email = formdata.get("email");
+			const username = formdata.get("username");
+			setUserData({
+				...userData,
+				username: username,
+				email: email
+			});
+		} else if (
+			formdata.get("email") !== "" &&
+			formdata.get("username") === ""
+		) {
+			const email = formdata.get("email");
+			const username = currentUser.username;
+			setUserData({
+				...userData,
+				username: username,
+				email: email
+			});
+		} else if (
+			formdata.get("email") === "" &&
+			formdata.get("username") !== ""
+		) {
+			const email = currentUser.email;
+			const username = formdata.get("username");
+			setUserData({
+				...userData,
+				username: username,
+				email: email
+			});
 		}
-		console.log("handleSubmit : " + userData);
 	};
 
-	const handleUpdate = async ({ email, username }) => {
-		let body = {
-			user: {
-				email: email,
-				username: username
-			}
-		};
-		return await update(`/users/${currentUser.id}`, body, token);
+	const handleUpdate = async ({ username, email }) => {
+		const token = Cookies.get("token");
+		const body = { user: { username: username, email: email } };
+		const response = await update(`/users/${currentUser.id}`, body, token);
+		console.log(response);
 	};
 
-	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");
-			}
+	useEffect(() => {
+		if (userData !== null) {
+			handleUpdate(userData);
 		}
-	}, [isUpdate, userData]);
+	}, [userData]);
 
 	return (
 		<form action="" onSubmit={handleSubmit}>

src/redux/store/index.js

@@ -13,13 +13,6 @@ const persistConfig = {
 
 const persistedReducer = persistReducer(persistConfig, reducer)
 
-// const store = createStore(
-//   reducer,
-//   composeEnhancer(applyMiddleware(thunk))
-// );
-
-// export default store;
-
 const store = createStore(
   persistedReducer,
   composeEnhancer(applyMiddleware(thunk))

src/services/request/Post.js

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

src/services/request/Update.js

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