updates on the login

src/layout/MainLayout/Header/HeaderContent/Profile/ProfileTab.js

@@ -7,14 +7,10 @@ import { List, ListItemButton, ListItemIcon, ListItemText } from '@mui/material'
 // assets
 import { EditOutlined, LogoutOutlined, CommentOutlined } from '@ant-design/icons';
 import { useNavigate } from 'react-router';
-import { useDispatch } from 'react-redux';
-import { clearFcmToken } from 'store/reducers/fcmSlice';
-import { logoutUser } from 'store/reducers/loginUserSlice';
 
 // ==============================|| HEADER PROFILE - PROFILE TAB ||============================== //
 
 const ProfileTab = ({ handleLogout }) => {
-  const dispatch = useDispatch();
   const [selectedIndex, setSelectedIndex] = useState(0);
   const navigate = useNavigate();
   const handleListItemClick = (event, index) => {
@@ -48,18 +44,7 @@ const ProfileTab = ({ handleLogout }) => {
         </ListItemIcon>
         <ListItemText primary="Billing" />
       </ListItemButton> */}
-      <ListItemButton
-        selected={selectedIndex === 3}
-        // onClick={handleLogout}
-        onClick={() => {
-          handleLogout();
-          dispatch(clearFcmToken()); // ✅ dispatch the action
-          dispatch(logoutUser()); // ✅ dispatch logout user as initial state
-        }}
-        // onClick={()=>{
-        //   navigate('/login')
-        // }}
-      >
+      <ListItemButton selected={selectedIndex === 3} onClick={handleLogout}>
         <ListItemIcon>
           <LogoutOutlined />
         </ListItemIcon>

src/layout/MainLayout/Header/HeaderContent/Profile/index.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import { useRef, useState } from 'react';
-import { useNavigate } from 'react-router';
+import { useQueryClient } from '@tanstack/react-query';
 
 // material-ui
 import { useTheme } from '@mui/material/styles';
@@ -23,6 +23,7 @@ import { LogoutOutlined, UserOutlined } from '@ant-design/icons';
 import { clearFcmToken } from 'store/reducers/fcmSlice';
 import { useDispatch } from 'react-redux';
 import { logoutUser } from 'store/reducers/loginUserSlice';
+import { performSessionLogout } from 'utils/session';
 
 // tab panel wrapper
 function TabPanel({ children, value, index, ...other }) {
@@ -50,30 +51,11 @@ function a11yProps(index) {
 
 const Profile = () => {
   const theme = useTheme();
-  const navigate = useNavigate();
   const dispatch = useDispatch();
+  const queryClient = useQueryClient();
 
-  // const { logout, user } = useAuth();
-  const handleLogout = async () => {
-    try {
-      // await logout();
-
-      // navigate(`/login`, {
-      //   state: {
-      //     from: ''
-      //   }
-      // });
-      localStorage.removeItem('firstname');
-      localStorage.removeItem('appuserid');
-      localStorage.removeItem('authname');
-      localStorage.removeItem('roleid');
-      localStorage.removeItem('tenantid');
-      localStorage.clear();
-
-      navigate('/login');
-    } catch (err) {
-      console.error(err);
-    }
+  const handleLogout = () => {
+    performSessionLogout({ queryClient, dispatch, clearFcmToken, logoutUser });
   };
 
   const anchorRef = useRef(null);
@@ -173,16 +155,7 @@ const Profile = () => {
                       </Grid>
                       <Grid item>
                         <Tooltip title="Logout">
-                          <IconButton
-                            size="large"
-                            sx={{ color: 'text.primary' }}
-                            //  onClick={handleLogout}>
-                            onClick={() => {
-                              handleLogout();
-                              dispatch(clearFcmToken()); // ✅ dispatch the action          dispatch(logoutUser()); // ✅ dispatch logout user as initial state          dispatch(logoutUser()); // ✅ dispatch logout user as initial state
-                              dispatch(logoutUser()); // ✅ dispatch logout user as initial state
-                            }}
-                          >
+                          <IconButton size="large" sx={{ color: 'text.primary' }} onClick={handleLogout}>
                             <LogoutOutlined />
                           </IconButton>
                         </Tooltip>