En cours : update des users

src/components/forms/SignupForm/index.jsx

@@ -45,7 +45,7 @@ const SignupForm = () => {
 
 	useEffect(async () => {
 		if (passwordCheck === false) {
-			console.log("Passwords do not match");
+			console.log("Passwords do not match"); // À afficher autrement
 		} else if (passwordCheck === true && userData) {
 			const response = await handleSignup(userData);
 			if (response.status && response.status === 201) {

src/components/forms/UserUpdateForm/index.jsx

@@ -0,0 +1,27 @@
+import React from "react";
+import { useSelector } from "react-redux";
+
+const UserUpdateForm = () => {
+	const currentUser = useSelector((state) => state.currentUser);
+
+	const handleSubmit = (event) => {
+		event.preventDefault();
+		const formdata = new FormData(event.currentTarget);
+	};
+
+	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>
+	);
+};
+
+export default UserUpdateForm;

src/pages/Profile/index.jsx

@@ -5,9 +5,11 @@ import Cookies from "js-cookie";
 
 import del from "../../services/request/Delete";
 import { removeCurrentUser } from "../../redux/action/index";
+import UserUpdateForm from "../../components/forms/UserUpdateForm";
 
 const ProfilePage = () => {
 	const [deleteSuccess, setDeleteSuccess] = useState(null);
+	const [settings, setSettings] = useState(false);
 	const currentUser = useSelector((state) => state.currentUser);
 
 	const dispatch = useDispatch();
@@ -23,6 +25,14 @@ const ProfilePage = () => {
 		}
 	};
 
+	const toogleSettings = () => {
+		if (settings === false) {
+			setSettings(true);
+		} else {
+			setSettings(false);
+		}
+	};
+
 	useEffect(() => {
 		if (deleteSuccess && deleteSuccess === true) {
 			Cookies.remove("token");
@@ -39,6 +49,15 @@ const ProfilePage = () => {
 		<div>
 			<h1>Hello {currentUser.username}</h1>
 			<button onClick={handleDelete}>Supprimer le compte</button>
+			<button onClick={toogleSettings}>Mettre à jour les informations</button>
+			{settings === true ? (
+				<div className="truc">
+					<h2>Modifiez vos informations :</h2>
+					<UserUpdateForm />
+				</div>
+			) : (
+				<> </>
+			)}
 		</div>
 	);
 };

src/services/request/Update.js

@@ -0,0 +1,23 @@
+import axios from 'axios';
+import { BASE_URL } from "./config.js";
+
+const update = async (
+  endpoint,
+  body = null,
+  jwt_token = null,
+  header = { "Content-Type": "application/json" }) => {
+
+  let opt = header;
+  if (jwt_token){
+      opt["Authorization"] = jwt_token
+  }
+
+  try {
+    const response = await axios.patch(BASE_URL + endpoint, body, { headers: opt })
+    return response
+  } catch (err) {
+    console.error(`An error occurred while trying to fetch ${endpoint}. ${err}`);
+  }
+}
+
+export default update;