Enhance GameRoom functionality to update user stats on game end

client/src/app.jsx

@@ -8,6 +8,8 @@ import authService from './services/api/authService'; // FIXED: Capital S
 import './styles/global.css';
 import GameRoom from './pages/GameRoom';
 import MatchLobby from './pages/MatchLobby';
+import TestRoomPage from "./pages/TestRoomPage";
+import { AlignVerticalDistributeStartIcon } from 'lucide-react';
 
 // Create context FIRST
 export const AppContext = React.createContext();
@@ -16,6 +18,7 @@ const App = () => {
   const [currentPage, setCurrentPage] = useState('landing');
   const [user, setUser] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
+  const [roomData, setRoomData]   = useState(null);
 
   // Initialize app with proper auth service
   useEffect(() => {
@@ -25,13 +28,15 @@ const App = () => {
 
         // Use proper auth service
         const authResult = await authService.initialize();
-
+        //console.log('authResult.user in App.jsx:', authResult.user);
+
         if (authResult.authenticated) {
           console.log('User is authenticated:', authResult.user);
           setUser(authResult.user);
 
           // Navigate to proper page based on setup status
           if (!authResult.user.setupComplete) {
+            console.log('user setup status', authResult.user.setupComplete);
             setCurrentPage('profile-setup');
           } else {
             setCurrentPage('dashboard');
@@ -54,23 +59,36 @@ const App = () => {
   }, []);
 
   // Navigation function
-  const navigate = (page) => {
-    console.log('Navigating to:', page);
+  const navigate = (page,payload) => {
+    console.log('Navigating to:', page, payload);
+    if (page === 'game-room') {
+      setRoomData(payload);
+    }
     setCurrentPage(page);
   };
 
   // Enhanced login function
-  const handleLogin = (userData) => {
+  const handleLogin = async (userData) => {
     console.log('Login successful in App.jsx:', userData);
-    setUser(userData);
-
-    // Navigate based on setup completion
-    if (!userData.setupComplete) {
-      console.log('User needs setup, navigating to profile-setup');
-      navigate('profile-setup');
+    setUser(userData); // temporary, need to get database user info
+
+    const result = await authService.getCurrentUserFromServer();
+    if (result.success) {
+      const dbUser = result.user;
+      console.log('Database user fetched:', dbUser);
+      setUser(dbUser);
+
+      // Navigate based on setup completion
+      if (!dbUser.setupComplete) {
+        console.log('User needs setup, navigating to profile-setup');
+        navigate('profile-setup');
+      } else {
+        console.log('user setup complete, navigating to dashboard');
+        navigate('dashboard');
+      }
     } else {
-      console.log('User setup complete, navigating to dashboard');
-      navigate('dashboard');
+      console.error('Failed to fetch user from server:', result.error);
+      navigate('landing');
     }
   };
 
@@ -109,7 +127,9 @@ const App = () => {
     navigate,
     handleLogin,
     handleLogout,
-    currentPage
+    currentPage,
+    roomData,
+    setRoomData
   };
 
   // Page routing
@@ -166,7 +186,8 @@ const App = () => {
           <GameRoom 
             navigate={navigate} 
             user={user}
-            roomData={null}
+            setUser={setUser}
+            roomData={roomData}
           />
         );  
 
@@ -179,6 +200,14 @@ const App = () => {
           />
         );
 
+      case 'test-room':
+        return (
+          <TestRoomPage
+            navigate={navigate}
+            user={user}
+          />
+        );
+
       default:
         return (
           <LandingPage