Implement logout function

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 { useLoginSetter, useToken } from "../AuthProvider/";
+import { useCookies } from "react-cookie";
 
 export default function AppView({ setDarkMode }) {
 	// Create stateful variables.
@@ -91,6 +92,14 @@ export default function AppView({ setDarkMode }) {
 		setItems(tempItems);
 	}, [queues]);
 
+	const setLogin = useLoginSetter();
+	const [cookies, removeCookie] = useCookies(["csrf_refresh_token"]);
+
+	const handleLogout = () => {
+		setLogin(false);
+		removeCookie(["csrf_refresh_token"])
+	}
+
 	const theme = useTheme();
 	const transitionWidth = theme.transitions.create(["width"], {
 		duration: theme.transitions.duration.enteringScreen,
@@ -157,7 +166,7 @@ export default function AppView({ setDarkMode }) {
 		/>,
 		<ItemTableAppBarAction
 			title="Logout"
-			onClick={_ => alert("Hazzah!")}
+			onClick={_ => handleLogout()}
 			icon={<LogoutIcon />}
 		/>
 	]
@@ -172,7 +181,7 @@ export default function AppView({ setDarkMode }) {
 					value={selectedQueues}
 					setValue={setSelectedQueues}
 				/>
-				{ error
+				{error
 					? <ErrorMessage />
 					: <ItemTable data={items} rowCanBeSelected={sidebarOpen} loading={isLoading} />
 				}