feat : play vs engine v0

src/sections/play/gameRecap.tsx

@@ -0,0 +1,40 @@
+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>
+  );
+}