Fix Logout

Northeastern-Electric-Racing · Jan 23, 2025 · e5fb6f7 · e5fb6f7
1 parent f3e9ee7
commit e5fb6f7
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 2 deletions.
diff --git a/src/frontend/src/layouts/PageTitle/NavUserMenu.tsx b/src/frontend/src/layouts/PageTitle/NavUserMenu.tsx
@@ -41,7 +41,14 @@ const NavUserMenu: React.FC<NavUserMenuProps> = ({ open }) => {
   };
 
   const ProdLogout = () => (
-    <MenuItem component="div" sx={{ py: 0 }} onClick={googleLogout}>
+    <MenuItem
+      component="div"
+      sx={{ py: 0 }}
+      onClick={() => {
+        googleLogout();
+        history.push('/');
+      }}
+    >
       <ListItemIcon>
         <LogoutIcon fontSize="small" />
       </ListItemIcon>

diff --git a/src/frontend/src/pages/LoginPage/LoginDev.tsx b/src/frontend/src/pages/LoginPage/LoginDev.tsx
@@ -61,6 +61,8 @@ const LoginDev: React.FC<LoginDevProps> = ({ devSetUser, devFormSubmit }) => {
           ))}
         </Select>
       </FormControl>
+      <label htmlFor="anId">label</label>
+      <input id="anId" type='date' value="2011-11-22"></input>
     </form>
   );
 };

diff --git a/src/frontend/src/pages/SettingsPage/SettingsPreferences.tsx b/src/frontend/src/pages/SettingsPage/SettingsPreferences.tsx
@@ -10,6 +10,7 @@ import { useState } from 'react';
 import UserSecureSettings from './UserSecureSettings/UserSecureSettings';
 import UserScheduleSettings from './UserScheduleSettings/UserScheduleSettings';
 import { Box } from '@mui/system';
+import { useHistory } from 'react-router-dom';
 
 const NERSwitch = styled((props: SwitchProps) => (
   <Switch focusVisibleClassName=".Mui-focusVisible" disableRipple {...props} />
@@ -62,6 +63,7 @@ const NERSwitch = styled((props: SwitchProps) => (
 const SettingsPreferences: React.FC = () => {
   const auth = useAuth();
   const user = useCurrentUser();
+  const history = useHistory();
   const [showAlert, setShowAlert] = useState(false);
   const {
     isLoading: settingsIsLoading,
@@ -129,7 +131,14 @@ const SettingsPreferences: React.FC = () => {
                 import.meta.env.MODE === 'development' ? (
                   <NERSwitch id="trick-switch" sx={{ m: 1 }} onClick={logout} />
                 ) : (
-                  <NERSwitch id="trick-switch" sx={{ m: 1 }} onClick={googleLogout} />
+                  <NERSwitch
+                    id="trick-switch"
+                    sx={{ m: 1 }}
+                    onClick={() => {
+                      googleLogout();
+                      history.push('/');
+                    }}
+                  />
                 )
               }
             />