From e3bd765fca871f539d035516be7b67379ebb77f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=89rick=20Santos?= <ericksantos@mailfence.com>
Date: Fri, 1 Dec 2023 17:57:57 -0300
Subject: [PATCH] fix: implements logout

---
 src/layout/MenuButtons.jsx | 26 +++++++++++++++++++++++++-
 src/pages/Home.jsx         |  6 +++---
 2 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/src/layout/MenuButtons.jsx b/src/layout/MenuButtons.jsx
index 53bc15e..fc828ec 100644
--- 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
index 200f8bd..325fa79 100644
--- 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>