White wins!

;\n } else if (game.winner === \"black\") {\n return

Black wins!

;\n } else if (game.winner === \"draw\") {\n return

Game ended in a draw

;\n }\n } else {\n if (isSpectator) {\n return

You are spectating this game

;\n } else if (isPlayerTurn) {\n return

Your turn

;\n } else {\n return

Waiting for opponent's move...

;\n }\n }\n };\n \n // Render player info\n const renderPlayerInfo = () => {\n if (!game) return null;\n \n return (\n

{game.whiteUsername} (White)

\n {game.whiteId === userId &&

You

}\n

{game.blackUsername} (Black)

\n {game.blackId === userId &&

You

}\n

\n );\n };\n \n // Render move history\n const renderMoveHistory = () => {\n if (moveHistory.length === 0) {\n return

No moves yet

;\n }\n \n return (\n

\n {moveHistory.map((move, index) => (\n

\n {index % 2 === 0 ? `${Math.floor(index/2) + 1}.` : \"\"} {move}\n

\n ))}\n

\n );\n };\n \n if (loading) {\n return (\n

Loading chess game...

\n );\n }\n \n if (error) {\n return (\n

{error}

\n \n Back to Dashboard\n \n

\n );\n }\n \n return (\n

Chess Game #{gameId}

\n \n Back to Dashboard\n \n

\n \n {renderPlayerInfo()}\n \n

\n {renderGameStatus()}\n

\n \n

Move History

\n {renderMoveHistory()}\n

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