From dfff8ca751408e662bf9689321c837748d5c626f Mon Sep 17 00:00:00 2001
From: Justin Campbell <campb303@purdue.edu>
Date: Fri, 30 Jul 2021 17:39:21 -0400
Subject: [PATCH] Replace logout placeholder with real function

---
 src/components/AppView/AppView.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/AppView/AppView.js b/src/components/AppView/AppView.js
index 93e6244..635cdf9 100644
--- a/src/components/AppView/AppView.js
+++ b/src/components/AppView/AppView.js
@@ -13,7 +13,8 @@ import ItemTable from "../ItemTable/";
 import ItemViewAppBar from "../ItemViewAppBar/";
 import ItemView from "../ItemView/";
 import QueueSelector from "../QueueSelector/";
-import { useToken } from "../AuthProvider/";
+import { useToken, useLoginSetter } from "../AuthProvider/";
+import { useCookies } from "react-cookie";
 
 export default function AppView({ setDarkMode }) {
 	// Create stateful variables.
@@ -27,6 +28,8 @@ export default function AppView({ setDarkMode }) {
 	const [errorResponse, setErrorResponse] = useState({ code: "", description: "", message: "" })
 
 	const access_token = useToken();
+	const setLogin = useLoginSetter();
+	const [cookies, removeCookie] = useCookies(["csrf_refresh_token"]);
 
 	// Get Queues from API.
 	useEffect(_ => {
@@ -148,6 +151,11 @@ export default function AppView({ setDarkMode }) {
 		);
 	}
 
+	const handleLogout = () => {
+		setLogin(false);
+		removeCookie(["csrf_refresh_token"])
+	}
+
 	const darkMode = theme.palette.type === "dark"
 	const itemtableappbarActions = [
 		<ItemTableAppBarAction
@@ -157,7 +165,7 @@ export default function AppView({ setDarkMode }) {
 		/>,
 		<ItemTableAppBarAction
 			title="Logout"
-			onClick={_ => alert("Hazzah!")}
+			onClick={handleLogout}
 			icon={<LogoutIcon />}
 		/>
 	]