style: Enhance ChatHeader responsiveness by adding name truncation and conditional visibility for details.
This commit is contained in:
@@ -3,25 +3,6 @@
|
|||||||
import { useEffect, useRef } from 'react';
|
import { useEffect, useRef } from 'react';
|
||||||
import { signOut } from 'next-auth/react';
|
import { signOut } from 'next-auth/react';
|
||||||
|
|
||||||
function clearAuthCookies() {
|
|
||||||
// Clear next-auth v5 (Auth.js) and v4 session cookies directly
|
|
||||||
const cookieNames = [
|
|
||||||
'authjs.session-token',
|
|
||||||
'__Secure-authjs.session-token',
|
|
||||||
'authjs.callback-url',
|
|
||||||
'authjs.csrf-token',
|
|
||||||
'next-auth.session-token',
|
|
||||||
'__Secure-next-auth.session-token',
|
|
||||||
'next-auth.callback-url',
|
|
||||||
'next-auth.csrf-token',
|
|
||||||
];
|
|
||||||
|
|
||||||
cookieNames.forEach((name) => {
|
|
||||||
document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/`;
|
|
||||||
document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain=${window.location.hostname}`;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function LogoutPage() {
|
export default function LogoutPage() {
|
||||||
const hasStarted = useRef(false);
|
const hasStarted = useRef(false);
|
||||||
|
|
||||||
@@ -29,31 +10,19 @@ export default function LogoutPage() {
|
|||||||
if (hasStarted.current) return;
|
if (hasStarted.current) return;
|
||||||
hasStarted.current = true;
|
hasStarted.current = true;
|
||||||
|
|
||||||
// Ensure logout flag is set (prevents TokenSync and PresenceProvider from restoring tokens)
|
// Set logout flag to prevent TokenSync/PresenceProvider from restoring tokens
|
||||||
localStorage.setItem('isLoggingOut', 'true');
|
localStorage.setItem('isLoggingOut', 'true');
|
||||||
|
|
||||||
// Clear localStorage tokens
|
// Clear all localStorage auth data
|
||||||
localStorage.removeItem('accessToken');
|
localStorage.removeItem('accessToken');
|
||||||
localStorage.removeItem('refreshToken');
|
localStorage.removeItem('refreshToken');
|
||||||
localStorage.removeItem('user');
|
localStorage.removeItem('user');
|
||||||
|
|
||||||
// Clear auth cookies directly as a robust backup
|
// Use signOut with callbackUrl - this ensures the server clears the
|
||||||
clearAuthCookies();
|
// session cookie BEFORE the redirect happens (server-side 302).
|
||||||
|
// Do NOT use redirect:false + manual redirect, as that causes a race
|
||||||
const redirectToLogin = () => {
|
// condition where navigation happens before the cookie is cleared.
|
||||||
clearAuthCookies();
|
signOut({ callbackUrl: '/login' });
|
||||||
// Clear the logout flag right before redirecting
|
|
||||||
localStorage.removeItem('isLoggingOut');
|
|
||||||
window.location.href = '/login';
|
|
||||||
};
|
|
||||||
|
|
||||||
// Sign out via NextAuth (clears session cookie), then manually redirect
|
|
||||||
signOut({ redirect: false })
|
|
||||||
.then(redirectToLogin)
|
|
||||||
.catch(redirectToLogin);
|
|
||||||
|
|
||||||
// Safety fallback - if signOut hangs, redirect after 3 seconds
|
|
||||||
setTimeout(redirectToLogin, 3000);
|
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
Reference in New Issue
Block a user