diff --git a/src/components/AppView/AppView.js b/src/components/AppView/AppView.js index 93e6244..360bee9 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 { 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 }) { />, alert("Hazzah!")} + onClick={_ => handleLogout()} icon={} /> ] @@ -172,7 +181,7 @@ export default function AppView({ setDarkMode }) { value={selectedQueues} setValue={setSelectedQueues} /> - { error + {error ? : }