feat: add material count indicator to PlayerInfo component #218
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add live stream page for live analysis of ongoing Lichess games
* fix: cap movemap at 40% (#187) (#188) * Initial plan * Simplify mobile Hand & Brain UI - display pieces in single row Co-authored-by: kevinjosethomas <46242684+kevinjosethomas@users.noreply.github.com> --------- Co-authored-by: Kevin Thomas <kevin.jt2007@gmail.com> Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: kevinjosethomas <46242684+kevinjosethomas@users.noreply.github.com>
Add live Lichess tournament broadcasts within analysis page
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
• Add captured pieces display with Material UI chess icons (♟︎♞♝♜♛)
• Show material advantage score for the side with actual net advantage
• Enhanced PlayerInfo component across analysis, broadcast, puzzle, and openings pages
Features
• Captured Pieces Display: Shows chess piece icons for pieces captured by each player using Material UI icons (
chess_pawn,chess_knight,chess_bishop,chess_rook,chessfor queen)• Smart Material Advantage: Only displays
+{score}for the side with actual net material advantage (e.g., if white has 15 and black has 12, only white shows +3)• Board Orientation Aware: Correctly updates when board is flipped - captured pieces and scores calculated relative to each player's perspective
• Optimized Spacing: Same piece types are grouped together with minimal spacing (overlapping), different types properly separated
Technical Implementation
• Added
currentFen?: stringandorientation?: 'white' | 'black'props to PlayerInfo• Created utility functions for captured pieces calculation and material advantage from FEN
• Uses
useMemofor performance optimization on FEN changes• Proper TypeScript types for chess pieces and material counts
• Updated all PlayerInfo usage sites: analysis, broadcast, stream analysis, and openings pages
Test plan
🤖 Generated with Claude Code