41 lines
1.2 KiB
TypeScript
41 lines
1.2 KiB
TypeScript
import { useAtomValue } from "jotai";
|
|
import { gameAtom, isGameInProgressAtom, playerColorAtom } from "./states";
|
|
import { Grid, Typography } from "@mui/material";
|
|
import { Color } from "@/types/enums";
|
|
|
|
export default function GameRecap() {
|
|
const game = useAtomValue(gameAtom);
|
|
const playerColor = useAtomValue(playerColorAtom);
|
|
const isGameInProgress = useAtomValue(isGameInProgressAtom);
|
|
|
|
if (isGameInProgress) return null;
|
|
|
|
const getResultLabel = () => {
|
|
if (game.isCheckmate()) {
|
|
const winnerColor = game.turn() === "w" ? Color.Black : Color.White;
|
|
const winnerLabel = winnerColor === playerColor ? "You" : "Stockfish";
|
|
return `${winnerLabel} won by checkmate !`;
|
|
}
|
|
if (game.isDraw()) {
|
|
if (game.isInsufficientMaterial()) return "Draw by insufficient material";
|
|
if (game.isStalemate()) return "Draw by stalemate";
|
|
if (game.isThreefoldRepetition()) return "Draw by threefold repetition";
|
|
return "Draw by fifty-move rule";
|
|
}
|
|
return "You resigned";
|
|
};
|
|
|
|
return (
|
|
<Grid
|
|
item
|
|
container
|
|
xs={12}
|
|
justifyContent="center"
|
|
alignItems="center"
|
|
gap={1}
|
|
>
|
|
<Typography>{getResultLabel()}</Typography>
|
|
</Grid>
|
|
);
|
|
}
|