diff --git a/src/components/board/capturedPieces.tsx b/src/components/board/capturedPieces.tsx
index 137b510..32662fe 100644
--- a/src/components/board/capturedPieces.tsx
+++ b/src/components/board/capturedPieces.tsx
@@ -16,7 +16,6 @@ export default function CapturedPieces({ gameAtom, color }: Props) {
const game = useAtomValue(gameAtom);
const cssProps = useMemo(() => {
const capturedPieces = getCapturedPieces(game.fen(), color);
- console.log(capturedPieces, color);
return getCapturedPiecesCSSProps(capturedPieces, color);
}, [game, color]);
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 8186eb8..b2b3dbf 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -11,7 +11,7 @@ import {
} from "@/sections/analysis/states";
import { Divider, Grid, useMediaQuery, useTheme } from "@mui/material";
import { Chess } from "chess.js";
-import { useSetAtom } from "jotai";
+import { useAtom, useSetAtom } from "jotai";
import { useRouter } from "next/router";
import { useEffect } from "react";
import ClassificationPanel from "@/sections/analysis/reviewPanelBody/classificationPanel";
@@ -22,7 +22,7 @@ export default function GameReport() {
const { reset: resetBoard } = useChessActions(boardAtom);
const { setPgn: setGamePgn } = useChessActions(gameAtom);
- const setGameEval = useSetAtom(gameEvalAtom);
+ const [gameEval, setGameEval] = useAtom(gameEvalAtom);
const setBoardOrientation = useSetAtom(boardOrientationAtom);
const router = useRouter();
@@ -72,17 +72,37 @@ export default function GameReport() {
display="grid"
gridTemplateRows="repeat(4, auto) fit-content(100%)"
>
- {isLgOrGreater ? : }
+ {isLgOrGreater ? (
+ <>
+
-
+
-
+
-
+
-
+
- {isLgOrGreater ? : }
+
+ >
+ ) : (
+ <>
+
+
+
+
+ {!gameEval && }
+ {!gameEval && }
+
+
+
+
+
+ {gameEval && }
+ {gameEval && }
+ >
+ )}
diff --git a/src/sections/analysis/reviewPanelBody/index.tsx b/src/sections/analysis/reviewPanelBody/index.tsx
index 849b71b..404c113 100644
--- a/src/sections/analysis/reviewPanelBody/index.tsx
+++ b/src/sections/analysis/reviewPanelBody/index.tsx
@@ -83,7 +83,9 @@ export default function ReviewPanelBody() {
{isGameOver && (
- Game is over
+
+ Game is over
+
)}