correction d'une typo dans la liste des reducers, les déconnexions sont maintenant effectives

src/components/Navbar/index.jsx

@@ -1,12 +1,14 @@
 import React from "react";
 import { Link } from "react-router-dom";
-import Cookies from "js-cookie";
+import { useSelector } from "react-redux";
 
 import "./index.scss";
 import Star from "../../assets/img/star.ico";
 import LogoutButton from "../buttons/LogoutButton";
 
 const Navbar = () => {
+	const currentUser = useSelector((state) => state.currentUser);
+
 	return (
 		<div className="navbar">
 			<div className="navbar__LeftSide">
@@ -22,14 +24,22 @@ const Navbar = () => {
 				</Link>
 			</div>
 			<div className="navbar__RightSide">
-				<Link to="/signup">
-					<button>S'inscrire</button>
-				</Link>
-				<Link to="/login">
-					<button>Se connecter</button>
-				</Link>
-				<button>Profil</button>
-				<LogoutButton />
+				{!currentUser && (
+					<>
+						<Link to="/signup">
+							<button>S'inscrire</button>
+						</Link>
+						<Link to="/login">
+							<button>Se connecter</button>
+						</Link>
+					</>
+				)}
+				{currentUser && (
+					<>
+						<button>Profil</button>
+						<LogoutButton />
+					</>
+				)}
 			</div>
 		</div>
 	);

src/components/buttons/LogoutButton/index.jsx

@@ -2,7 +2,7 @@ import React from "react";
 import { useDispatch } from "react-redux";
 import { useHistory } from "react-router-dom";
 import Cookies from "js-cookie";
-import { removeCurrentUser } from "../../../redux/action";
+import { removeCurrentUser } from "../../../redux/action/index";
 
 const LogoutButton = () => {
 	const dispatch = useDispatch();

src/redux/reducer/index.js

@@ -4,7 +4,7 @@ const reducer = ( state = initialState, action ) => {
   switch (action.type){
     case "SET_CURRENT_USER":
       return { currentUser: action.payload };
-    case "REMOVE_CURRENT_SUER":
+    case "REMOVE_CURRENT_USER":
       return initialState;
     default:
       return { ...state }