Add logout ability

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 />}
 		/>
 	]