\n {/* User Stats */}\n

Your Stats

Games Played

{user.games_played}

Wins

{user.wins}

Losses

{user.losses}

Draws

{user.draws}

\n \n

\n \n View League Standings\n \n

\n \n {/* Start New Game */}\n

Start New Game

\n \n {opponents.length === 0 ? (\n

No opponents available. Invite friends to join!

\n ) : (\n

\n \n Select Opponent\n \n setSelectedOpponent(parseInt(e.target.value) || null)}\n >\n \n {opponents.map((opponent) => (\n \n ))}\n \n

\n \n selectedOpponent && onStartNewGame(selectedOpponent)}\n disabled={!selectedOpponent}\n className={`w-full py-2 px-4 rounded-lg ${\n selectedOpponent\n ? \"bg-green-500 hover:bg-green-600 text-white\"\n : \"bg-gray-300 text-gray-500 cursor-not-allowed\"\n } transition`}\n >\n Start Game\n \n

\n )}\n

\n \n {/* Your Active Games */}\n

Your Active Games

\n \n {userGames.length === 0 ? (\n

You don't have any active games. Start a new game!

\n ) : (\n

\n {userGames.map((game) => {\n const isWhite = game.whiteId === user.id;\n const opponent = isWhite ? game.blackUsername : game.whiteUsername;\n \n return (\n

\n {isWhite ? \"You (White)\" : opponent + \" (White)\"} vs {isWhite ? opponent + \" (Black)\" : \"You (Black)\"}\n

Game #{game.id}

\n onJoinGame(game.id)}\n className=\"bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded transition\"\n >\n Continue Game\n \n

\n );\n })}\n

\n )}\n

\n \n {/* Other Active Games */}\n {otherGames.length > 0 && (\n

Other Active Games

\n \n

\n {otherGames.map((game) => (\n

\n {game.whiteUsername} (White) vs {game.blackUsername} (Black)\n

Game #{game.id}

\n onJoinGame(game.id)}\n className=\"bg-gray-200 hover:bg-gray-300 text-gray-800 px-4 py-2 rounded transition\"\n >\n Spectate\n \n

\n ))}\n

\n )}\n

\n );\n};\n\nexport default Dashboard;","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/erens/Satranc/code/frontend/components/Dashboard.tsx","extension","actionData","errors"]