From 8d6dd45429934318f0b5326354768ab70a948e0f Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sun, 10 Sep 2023 10:37:08 +0200
Subject: [PATCH] Added the logout function to the UserContext.jsx

---
 src/common/contexts/User/UserContext.jsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/common/contexts/User/UserContext.jsx b/src/common/contexts/User/UserContext.jsx
index 43d6dff..03231cc 100644
--- a/src/common/contexts/User/UserContext.jsx
+++ b/src/common/contexts/User/UserContext.jsx
@@ -1,7 +1,7 @@
 import {createContext, useEffect, useState} from "react";
 import Login from "@/states/Login";
 import Loading from "@/states/Loading";
-import {sessionRequest} from "@/common/utils/RequestUtil.js";
+import {postRequest, sessionRequest} from "@/common/utils/RequestUtil.js";
 import Verify from "@/states/Verify";
 
 export const UserContext = createContext({});
@@ -26,6 +26,13 @@ export const UserProvider = (props) => {
         }
     }
 
+    const logout = async () => {
+        await postRequest("/auth/logout", {token: sessionToken});
+        localStorage.removeItem("sessionToken");
+        setSessionToken(null);
+        setUser({loggedIn: false});
+    }
+
     useEffect(() => {
         setTimeout(updateUser, 1000);
     }, []);
@@ -41,7 +48,7 @@ export const UserProvider = (props) => {
     if (location.pathname.startsWith("/verify")) return <Verify />;
 
     return (
-        <UserContext.Provider value={{user, updateUser, updateSessionToken}}>
+        <UserContext.Provider value={{user, updateUser, logout, updateSessionToken}}>
             {!loading && !user.loggedIn && <Login />}
             {!loading && user.loggedIn && props.children}
         </UserContext.Provider>