40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
'use client';
|
|
|
|
import { useSession, signOut } from 'next-auth/react';
|
|
import { useEffect } from 'react';
|
|
import { useAuthStore } from '@/lib/stores/auth-store';
|
|
|
|
export function AuthSync() {
|
|
const { data: session, status } = useSession();
|
|
const { setAuth, logout } = useAuthStore();
|
|
|
|
useEffect(() => {
|
|
if (session?.error === 'RefreshAccessTokenError') {
|
|
signOut({ callbackUrl: '/login' });
|
|
} else if (status === 'authenticated' && session?.user) {
|
|
// Map NextAuth session to AuthStore user
|
|
// Assuming session.user has the fields we need based on types/next-auth.d.ts
|
|
|
|
// cast to any or specific type if needed, as NextAuth types might need assertion
|
|
const user = session.user as any;
|
|
|
|
setAuth(
|
|
{
|
|
id: user.id || user.user_id,
|
|
username: user.username,
|
|
email: user.email,
|
|
firstName: user.firstName,
|
|
lastName: user.lastName,
|
|
role: user.role,
|
|
permissions: user.permissions // If backend/auth.ts provides this
|
|
},
|
|
session.accessToken || '' // If we store token in session
|
|
);
|
|
} else if (status === 'unauthenticated') {
|
|
logout();
|
|
}
|
|
}, [session, status, setAuth, logout]);
|
|
|
|
return null; // This component renders nothing
|
|
}
|