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

feat(opord): add draining timer bar to the 2s unlock countdown

Browse source
This commit is contained in:
Jason Fraley 2026-09-08 13:02:28 -04:00
parent 246a5796f8
commit 840bc27646
1 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/frontend/opord/OpordGame.tsx
View file

@ -655,9 +655,17 @@ export function OpordGame({
/> />
{unlockRemainingMs > 0 && lastAnswerWasCorrect === null && ( {unlockRemainingMs > 0 && lastAnswerWasCorrect === null && (
<p className="font-mono text-xs uppercase tracking-wider text-muted-foreground"> <div className="mx-auto w-full max-w-xs space-y-1">
<p className="text-center font-mono text-xs uppercase tracking-wider text-muted-foreground">
Answering opens in {Math.ceil(unlockRemainingMs / 1000)}s Answering opens in {Math.ceil(unlockRemainingMs / 1000)}s
</p> </p>
<div className="h-1 w-full overflow-hidden rounded-full bg-muted">
<div
className="h-full rounded-full bg-amber-400 transition-[width] duration-100 ease-linear"
style={{ width: `${(unlockRemainingMs / QUESTION_UNLOCK_DELAY_MS) * 100}%` }}
/>
</div>
</div>
)} )}
<p className="text-center text-lg font-semibold">{question.prompt}</p> <p className="text-center text-lg font-semibold">{question.prompt}</p>