Tony_tech/chess-project
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add horizontal evaluation bar to analysis page

Browse Source
This commit is contained in:
Stefan
2025-12-01 10:28:19 +01:00
parent 3e8c16b9c2
commit d28914ca35
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/analysis/page.tsx
+11
View File
@@ -19,6 +19,7 @@ import { ChatSession } from "@google/generative-ai";
import ReactMarkdown from "react-markdown"; import ReactMarkdown from "react-markdown";
import { useDebug } from "@/contexts/DebugContext"; import { useDebug } from "@/contexts/DebugContext";
import { GameImportModal } from "@/components/GameImportModal"; import { GameImportModal } from "@/components/GameImportModal";
import { EvaluationBar } from "@/components/EvaluationBar";
interface MoveStep { interface MoveStep {
san: string; san: string;
@@ -537,6 +538,16 @@ INSTRUCTIONS:
</div> </div>
</div> </div>
{/* Horizontal Evaluation Bar */}
<div className="w-full">
<EvaluationBar
score={currentDetails?.evalAfter?.score}
mate={currentDetails?.evalAfter?.mate}
isPlayerWhite={true}
orientation="horizontal"
/>
</div>
<div> <div>
<div className="font-semibold text-gray-800 dark:text-gray-100 mb-2">{t.analysis.missedTactics}</div> <div className="font-semibold text-gray-800 dark:text-gray-100 mb-2">{t.analysis.missedTactics}</div>
{tacticSummary.length === 0 && ( {tacticSummary.length === 0 && (