251208:0010 Backend & Frontend Debug

frontend/components/auth/auth-sync.tsx

@@ -0,0 +1,37 @@
+'use client';
+
+import { useSession } 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 (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
+}