Un utilisateur peut supprimer son compte

src/components/buttons/LogoutButton/index.jsx

@@ -12,6 +12,7 @@ const LogoutButton = () => {
 		event.preventDefault();
 		Cookies.remove("token");
 		dispatch(removeCurrentUser());
+		localStorage.removeItem("persist:root");
 		history.push("/");
 	};
 

src/components/forms/SignupForm/index.jsx

@@ -48,7 +48,7 @@ const SignupForm = () => {
 			console.log("Passwords do not match");
 		} else if (passwordCheck === true && userData) {
 			const response = await handleSignup(userData);
-			if (response.status === 201) {
+			if (response.status && response.status === 201) {
 				history.push({
 					pathname: "/",
 					state: { status: "201 : user created" }

src/pages/Profile/index.jsx

@@ -1,15 +1,44 @@
-import React, { useEffect } 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 del from "../../services/request/Delete";
+import { removeCurrentUser } from "../../redux/action/index";
 
 const ProfilePage = () => {
+	const [deleteSuccess, setDeleteSuccess] = useState(null);
 	const currentUser = useSelector((state) => state.currentUser);
 
+	const dispatch = useDispatch();
+	const history = useHistory();
+
+	const handleDelete = async () => {
+		let token = Cookies.get("token");
+		const response = await del(`/users/${currentUser.id}`, token);
+		if (response.status === 204) {
+			setDeleteSuccess(true);
+		} else if (response.status === 403) {
+			setDeleteSuccess(false);
+		}
+	};
+
 	useEffect(() => {
-		console.log(currentUser);
-	}, []);
+		if (deleteSuccess && deleteSuccess === true) {
+			Cookies.remove("token");
+			dispatch(removeCurrentUser());
+			localStorage.removeItem("persist:root");
+			history.push({
+				pathname: "/",
+				state: { status: "204 : user deleted" }
+			});
+		}
+	}, [deleteSuccess]);
+
 	return (
 		<div>
 			<h1>Hello {currentUser.username}</h1>
+			<button onClick={handleDelete}>Supprimer le compte</button>
 		</div>
 	);
 };

src/services/request/Delete.js

@@ -0,0 +1,17 @@
+import axios from 'axios';
+import { BASE_URL } from "./config.js";
+
+const del = async (
+  endpoint,
+  jwt_token = null,
+  header = { "Authorization": jwt_token }) => {
+
+  try {
+    const response = await axios.delete(BASE_URL + endpoint, { headers: header })
+    return response
+  } catch (err) {
+    console.error(`An error occurred while trying to fetch ${endpoint}. ${err}`);
+  }
+}
+
+export default del;

src/services/request/config.js

@@ -1,4 +1,4 @@
-const BASE_URL = "https://registra-api.herokuapp.com/api/v1"
+const BASE_URL = "https://registra.netlib.re/api/v1"
 // const BASE_URL = "http://127.0.0.1:4000/api/v1"
 
 export { BASE_URL }