fix: implements logout

dwm-2023-2 · Dec 1, 2023 · e3bd765 · e3bd765
1 parent 4b0e1bd
commit e3bd765
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 4 deletions.
diff --git a/src/layout/MenuButtons.jsx b/src/layout/MenuButtons.jsx
@@ -2,10 +2,27 @@ import { Link } from "react-router-dom";
 import styles from "../styles/Menu.module.css";
 import { Button } from "@mui/material";
 import { userStore } from "../stores/userState";
+import api from "../services/api";
+import { useNavigate } from "react-router-dom";
 
 export const MenuButtons = () => {
   const userState = userStore((state) => state.userLogged);
   const setuserStore = userStore((state) => state.setUserState);
+  const navigate = useNavigate();
+
+  const submitLogOut = () => {
+    api
+      .get(`/users/logout/`)
+      .then((response) => {
+        navigate("/");
+        setuserStore(false);
+        localStorage.clear();
+      })
+      .catch((error) => {
+        // Trate o erro, se necessário
+        console.error(error);
+      });
+  };
 
   let buttons;
 
@@ -35,7 +52,14 @@ export const MenuButtons = () => {
         </li>
 
         <li className={styles.menu__item}>
-          <Button variant="contained">Log Out</Button>
+          <Button
+            onClick={() => {
+              submitLogOut();
+            }}
+            variant="contained"
+          >
+            Log Out
+          </Button>
         </li>
       </ul>
     );

diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
@@ -22,14 +22,12 @@ export const Home = () => {
   const userState = userStore((state) => state.userLogged);
 
   if (userState) {
+    console.log("userState: ", userState);
     localStorage.setItem("isUserLogged", true);
   }
 
   let storageIsUserLogged = localStorage.getItem("isUserLogged");
-  console.log("storageIsUserLogged: ", storageIsUserLogged);
-  console.log("storageIsUserLogged type: ", typeof storageIsUserLogged);
   let boolStorageIsUserLogged = storageIsUserLogged === "true";
-  console.log("boolStorageIsUserLogged: ", boolStorageIsUserLogged);
   const setUserState = userStore((state) => state.setUserState);
 
   if (boolStorageIsUserLogged) {
@@ -110,6 +108,8 @@ export const Home = () => {
   // console.log(storageUsername);
   // console.log(storageEmail);
 
+  console.log("boolStorageIsUserLogged: ", boolStorageIsUserLogged);
+
   if (boolStorageIsUserLogged === false) {
     content = (
       <Section>