fix(nav): remove play arrow badge from turn indicators

Removed the ▶ arrow badge from both local and network player turn indicators.
Turn indication is now shown through:
- Border ring with player color (pulsing)
- "Your turn" / "Their turn" text label below avatar
- Size increase and animation (local players only)
- Opacity dimming of non-current players

The arrow badge was unnecessary visual clutter with the text labels providing
clear indication of whose turn it is.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock
2025-10-11 11:50:49 -05:00
parent c1472f7865
commit 80cfc10f78
2 changed files with 0 additions and 54 deletions

View File

@@ -99,33 +99,6 @@ export function ActivePlayersList({
/>
)}
{/* Turn indicator arrow badge */}
{isCurrentPlayer && hasGameState && (
<div
style={{
position: 'absolute',
top: '-12px',
left: '-12px',
width: '28px',
height: '28px',
borderRadius: '50%',
border: '3px solid white',
background: `linear-gradient(135deg, ${player.color || '#3b82f6'}, ${player.color || '#3b82f6'}dd)`,
color: 'white',
fontSize: '14px',
fontWeight: 'bold',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
boxShadow: `0 4px 12px ${player.color || '#3b82f6'}80`,
zIndex: 3,
animation: 'turnBadgePulse 1.5s ease-in-out infinite',
}}
>
</div>
)}
{player.emoji}
{/* Score badge - bottom right */}

View File

@@ -93,33 +93,6 @@ export function NetworkPlayerIndicator({
/>
)}
{/* Turn indicator arrow badge */}
{isCurrentPlayer && hasGameState && (
<div
style={{
position: 'absolute',
top: '-12px',
left: '-12px',
width: '28px',
height: '28px',
borderRadius: '50%',
border: '3px solid white',
background: `linear-gradient(135deg, ${player.color || '#3b82f6'}, ${player.color || '#3b82f6'}dd)`,
color: 'white',
fontSize: '14px',
fontWeight: 'bold',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
boxShadow: `0 4px 12px ${player.color || '#3b82f6'}80`,
zIndex: 3,
animation: 'turnBadgePulse 1.5s ease-in-out infinite',
}}
>
</div>
)}
{/* Player emoji or fallback */}
{player.emoji || '🌐'}