Settting up logout

4rjunc · Mar 4, 2024 · 9c788b7 · 9c788b7
1 parent 02fb92b
commit 9c788b7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -8,7 +8,7 @@ import { GoogleOAuthProvider } from "@react-oauth/google";
 function App() {
   return (
     <>
-      <GoogleOAuthProvider clientId="791186457310-ia4gebdepqh4h8g9ci1n85e36tg8jlrm.apps.googleusercontent.com">
+      <GoogleOAuthProvider clientId="791186457310-61ggudu64h8i3t0p70an06b0mik2b0pa.apps.googleusercontent.com">
         <Login />
       </GoogleOAuthProvider>
       ;

diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
@@ -13,23 +13,28 @@ import Tooltip from "@mui/material/Tooltip";
 import MenuItem from "@mui/material/MenuItem";
 import AdbIcon from "@mui/icons-material/Adb";
 import turtleLogo from "/turtle.png";
+import { googleLogout } from "@react-oauth/google";
 
 const settings = ["Logout"];
 
 const Navbar = (props) => {
   const [anchorElUser, setAnchorElUser] = React.useState(null);
 
-
   const handleOpenUserMenu = (event) => {
     setAnchorElUser(event.currentTarget);
   };
 
-  console.log("User", props.user)
+  console.log("User", props.user);
 
   const handleCloseUserMenu = () => {
     setAnchorElUser(null);
   };
 
+  const handleLogout = () => {
+    googleLogout();
+    console.log("Logout");
+  };
+
   return (
     <AppBar position="static" sx={{ bgcolor: "#242424" }}>
       <Container maxWidth="xl">
@@ -96,6 +101,7 @@ const Navbar = (props) => {
             >
               {settings.map((setting) => (
                 <MenuItem key={setting} onClick={handleCloseUserMenu}>
+                  <Button onClick={handleLogout}>HELLO</Button>
                   <Typography textAlign="center">{setting}</Typography>
                 </MenuItem>
               ))}