fix: loggin out keeps refresh token in browser

fix: https://github.com/canove/whaticket/issues/106

frontend/src/context/Auth/AuthContext.js

@@ -1,6 +1,6 @@
 import React, { createContext } from "react";
 
-import useAuth from "./useAuth";
+import useAuth from "../../hooks/useAuth.js";
 
 const AuthContext = createContext();
 

frontend/src/context/WhatsApp/WhatsAppsContext.js

@@ -1,6 +1,6 @@
 import React, { createContext } from "react";
 
-import useWhatsApps from "./useWhatsApps";
+import useWhatsApps from "../../hooks/useWhatsApps";
 
 const WhatsAppsContext = createContext();
 

frontend/src/hooks/useAuth.js/index.js

@@ -102,14 +102,21 @@ const useAuth = () => {
 		}
 	};
 
-	const handleLogout = () => {
+	const handleLogout = async () => {
 		setLoading(true);
-		setIsAuth(false);
-		setUser({});
-		localStorage.removeItem("token");
-		api.defaults.headers.Authorization = undefined;
-		setLoading(false);
-		history.push("/login");
+
+		try {
+			await api.delete("/auth/logout");
+			setIsAuth(false);
+			setUser({});
+			localStorage.removeItem("token");
+			api.defaults.headers.Authorization = undefined;
+			setLoading(false);
+			history.push("/login");
+		} catch (err) {
+			toastError(err);
+			setLoading(false);
+		}
 	};
 
 	return { isAuth, user, loading, handleLogin, handleLogout };

frontend/src/layout/index.js

@@ -131,6 +131,11 @@ const LoggedInLayout = ({ children }) => {
 		handleCloseMenu();
 	};
 
+	const handleClickLogout = () => {
+		handleCloseMenu();
+		handleLogout();
+	};
+
 	if (loading) {
 		return <BackdropLoading />;
 	}
@@ -190,7 +195,7 @@ const LoggedInLayout = ({ children }) => {
 					>
 						WhaTicket
 					</Typography>
-					<NotificationsPopOver />
+					{user.id && <NotificationsPopOver />}
 
 					<div>
 						<IconButton
@@ -220,7 +225,7 @@ const LoggedInLayout = ({ children }) => {
 							<MenuItem onClick={handleOpenUserModal}>
 								{i18n.t("mainDrawer.appBar.user.profile")}
 							</MenuItem>
-							<MenuItem onClick={handleLogout}>
+							<MenuItem onClick={handleClickLogout}>
 								{i18n.t("mainDrawer.appBar.user.logout")}
 							</MenuItem>
 						</Menu>