jason/polaris-task-force
1
0
Fork 0
Code Issues Wiki Activity

style(minigames): replace dashes in leaderboard and radio UI

Browse source
This commit is contained in:
Jason Fraley 2026-09-07 05:19:53 -04:00
parent 12b19b3d6a
commit d485a82fa6
5 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/frontend/eod/EodLeaderboard.tsx
View file

@ -224,7 +224,7 @@ export function EodLeaderboard({
>
<td className="px-4 py-2">
<span className={rankClass(index)}>
{row.isOutsideTopTen ? "—" : index + 1}
{row.isOutsideTopTen ? "-" : index + 1}
</span>
</td>
<td className="px-2 py-2 font-medium">

2
src/components/frontend/flappy/FlappyLeaderboard.tsx
View file

@ -159,7 +159,7 @@ export function FlappyLeaderboard({ refreshKey = 0, currentUserId, activePilots
title={row.isOutsideTopTen ? "Pilot status: not currently ranked in the top 10" : undefined}
>
<td className="px-4 py-2">
<span className={rankClass(i)}>{row.isOutsideTopTen ? "—" : i + 1}</span>
<span className={rankClass(i)}>{row.isOutsideTopTen ? "-" : i + 1}</span>
</td>
<td className="px-2 py-2 font-medium">
<span className="flex items-center gap-2">

2
src/components/frontend/qualification/AimTrainerLeaderboard.tsx
View file

@ -178,7 +178,7 @@ export function AimTrainerLeaderboard({
>
<td className="px-4 py-2">
<span className={rankClass(index)}>
{row.isOutsideTopTen ? "—" : index + 1}
{row.isOutsideTopTen ? "-" : index + 1}
</span>
</td>
<td className="px-2 py-2 font-medium">

4
src/components/frontend/radio/RadioLeaderboard.tsx
View file

@ -288,7 +288,7 @@ export function RadioLeaderboard({
}
>
<td className="px-4 py-2">
<span className={rankClass(index)}>{row.isOutsideTopTen ? "—" : index + 1}</span>
<span className={rankClass(index)}>{row.isOutsideTopTen ? "-" : index + 1}</span>
</td>
<td className="px-2 py-2 font-medium">
<span className="flex items-center gap-2">
@ -318,7 +318,7 @@ export function RadioLeaderboard({
</td>
{mode === "sprint" && (
<td className="px-2 py-2 text-right tabular-nums">
{row.bestSprintTimeMs > 0 ? `${(row.bestSprintTimeMs / 1000).toFixed(1)}s` : "—"}
{row.bestSprintTimeMs > 0 ? `${(row.bestSprintTimeMs / 1000).toFixed(1)}s` : "-"}
</td>
)}
<td className="px-4 py-2 text-right tabular-nums text-muted-foreground">

2
src/components/frontend/radio/RadioTraffic.tsx
View file

@ -620,7 +620,7 @@ export function RadioTraffic({
<div className="flex flex-col gap-2 sm:flex-row"><Input ref={inputRef} id="radio-traffic-input" value={input} onKeyDown={handleKeystroke} onChange={(event) => { setInput(event.target.value.toUpperCase()); playKeystroke(); }} onPaste={(event) => { event.preventDefault(); rejectInsertion(); }} onDrop={(event) => { event.preventDefault(); rejectInsertion(); }} onDragOver={(event) => event.preventDefault()} autoCapitalize="characters" autoComplete="off" autoCorrect="off" autoFocus spellCheck={false} aria-describedby="radio-traffic-hint" className="font-mono sm:flex-1" /><Button type="submit" className="sm:min-w-24">Relay</Button></div>
<p id="radio-traffic-hint" className="text-xs text-muted-foreground">Input is auto-capitalized, so no Shift needed. Match callsigns, grid words, punctuation, and spacing.</p>
</form>
<div className="flex flex-wrap justify-between gap-3 border-t border-border pt-3 text-xs text-muted-foreground"><span>Current accuracy <strong className="ml-1 text-foreground">{liveKeyTotal === 0 ? "—" : formatAccuracy(currentAccuracy)}</strong></span><span>Round score <strong className="ml-1 font-mono text-foreground">{provisionalScore}</strong></span><span>Completed <strong className="ml-1 font-mono text-foreground">{results.length}</strong></span></div>
<div className="flex flex-wrap justify-between gap-3 border-t border-border pt-3 text-xs text-muted-foreground"><span>Current accuracy <strong className="ml-1 text-foreground">{liveKeyTotal === 0 ? "-" : formatAccuracy(currentAccuracy)}</strong></span><span>Round score <strong className="ml-1 font-mono text-foreground">{provisionalScore}</strong></span><span>Completed <strong className="ml-1 font-mono text-foreground">{results.length}</strong></span></div>
{feedback && <p role="status" className={feedback.correct ? "text-sm text-emerald-400" : "text-sm text-destructive"}>{feedback.message}</p>}
</div>}