\n {}\n

\n \n Your Profile\n

\n \n {userWallet ? <>\n {userProfile ?

\n Username:\n {userProfile.username}\n

\n ELO Rating:\n {userProfile.elo}\n

\n Record:\n \n {userProfile.wins}W-{userProfile.losses}L-{userProfile.draws}D\n \n

\n \n {showTwitterConnect && }\n

Loading profile...

}\n :

Connect wallet to view profile

}\n

\n \n

\n \n Top Players\n

\n \n {leaderboard.length > 0 ?

\n {leaderboard.slice(0, 5).map((player, index) =>

\n {index === 0 && }\n {player.username}\n

\n {player.elo}\n

)}\n

No players yet

}\n

\n\n {}\n

\n {}\n

\n \n \n \n

\n\n {}\n {activeTab === 'play' &&

\n {}\n

\n {gameState === 'playing' ?

\n Opponent\n

\n \n {formatTime(timeLeft)}\n

\n \n

\n You\n

\n {game.turn() === playerColor ? 'Your move' : 'Waiting for opponent'}\n

\n \n {!game.isFreePlay ?

\n \n Total Pot: {(game.stakeAmount * 2).toFixed(3)} SOL\n

\n Winner gets: {(game.stakeAmount * 2 * WINNER_PERCENTAGE / 100).toFixed(3)} SOL ({WINNER_PERCENTAGE}%)\n

\n \n Free Play Game\n

}\n

: gameState === 'finished' ?

\n {getResultText()}\n

\n \n

\n {gameResult?.reason === 'checkmate' ? 'Checkmate' : gameResult?.reason === 'timeout' ? 'Time ran out' : gameResult?.reason === 'resignation' ? 'Resignation' : gameResult?.reason}\n

\n \n {!game.isFreePlay && gameResult && gameResult.winner === playerColor &&

\n \n +{(game.stakeAmount * 2 * WINNER_PERCENTAGE / 100).toFixed(3)} SOL\n

}\n

\n \n \n

Challenge a Player

\n \n {!userWallet ?

Connect your wallet to start playing

\n \n

\n \n Wallet Connection Instructions\n

1. Click the \"Connect Wallet\" button above

2. Select your preferred wallet (Phantom, Solflare, etc.)

3. Approve the connection request in your wallet

Works on both mobile and desktop devices!

: challengeMode ?

\n Select a player to challenge. {!isFreePlay ? `Each game requires a stake of ${stakeAmount} SOL with a` : 'Playing a free game with a'} {gameTimeMinutes} minute time control.\n

\n \n

\n {players.length > 0 ?

\n {players.map(player =>

\n {player.username}\n ELO: {player.elo}\n

\n \n

)}\n

\n No players available to challenge\n

}\n

\n \n

\n \n \n

\n \n {!isFreePlay && <>\n

\n \n Set Stake Amount (min {MIN_STAKE_AMOUNT} SOL):\n

\n setStakeAmount(Math.max(MIN_STAKE_AMOUNT, parseFloat(e.target.value) || MIN_STAKE_AMOUNT))} className=\"w-32 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500\" />\n \n

\n Winner takes {WINNER_PERCENTAGE}% of the pot ({(stakeAmount * 2 * WINNER_PERCENTAGE / 100).toFixed(3)} SOL)\n

\n {DEV_FEE_PERCENTAGE}% fee ({(stakeAmount * 2 * DEV_FEE_PERCENTAGE / 100).toFixed(3)} SOL) goes to the developer\n

\n }\n \n {isFreePlay &&

\n Playing a free game with no SOL at stake\n

}\n

\n \n

\n \n Select Game Time:\n

\n {[5, 10, 15].map(time => )}\n

\n \n

\n \n \n \n

}\n

\n\n {}\n {challenges.length > 0 &&

Pending Challenges

\n \n

\n {challenges.map(challenge =>

\n {challenge.challengerId === userWallet ?

\n Challenge sent\n

\n Waiting for opponent to accept\n

\n {STAKE_AMOUNT} SOL\n

Challenge received

\n {STAKE_AMOUNT} SOL\n

\n \n \n

}\n

)}\n

}\n

}\n\n {}\n {activeTab === 'history' &&

\n \n Your Match History\n

\n \n {!userWallet ?

\n Connect your wallet to view match history\n

: matchHistory.length > 0 ?

\n \n \n \n \n \n \n \n \n \n \n {matchHistory.map(match => \n \n \n \n \n )}\n \n

Date	Opponent	Result	Stake
\n {new Date(match.createdAt).toLocaleDateString()}\n	\n {match.whitePlayerId === userWallet ? match.blackPlayerName \|\| 'Opponent' : match.whitePlayerName \|\| 'Opponent'}\n	\n {match.status === 'active' ? \n In Progress\n : match.winner === userWallet ? \n Win\n : match.winner === 'draw' ? \n Draw\n : \n Loss\n }\n	\n {match.stakeAmount * 2} SOL\n

\n No match history yet\n

}\n

}\n\n {}\n {activeTab === 'leaderboard' &&

\n \n Global Leaderboard\n

\n \n {leaderboard.length > 0 ?

\n \n \n \n \n \n \n \n \n \n \n {leaderboard.map((player, index) => \n \n \n \n \n )}\n \n

Rank	Player	ELO	W/L/D
\n {index + 1}\n {index === 0 && 👑}\n	\n {player.username}\n {player.userId === userWallet && (You)}\n	\n {player.elo}\n	\n {player.wins}/{player.losses}/{player.draws}\n

\n No players yet\n

}\n

\n {modalContent.result.winner === 'draw' ? 'Game Drawn' : modalContent.result.winner === playerColor ? 'You Won!' : 'You Lost'}\n

Challenge Sent!

Invite Created!

Chess Challenge!

SolaChess

\n \n Your Profile\n

\n \n Top Players\n

\n {getResultText()}\n

Challenge a Player

Pending Challenges

\n \n Your Match History\n

\n \n Global Leaderboard\n