Peer-at-Code/peer-at-code-web
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Added S #2

Merged
glazk0 merged 1 commit from POULEREQUEST into main 2023-04-23 21:47:29 +02:00
Conversation 0 Commits 1 Files changed 2 +7 -5
2 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
ui/Leaderboard.tsx
View file

@ -50,7 +50,9 @@ export default function Leaderboard() {
<main className="flex flex-col justify-between space-x-0 space-y-4 pb-4"> <main className="flex flex-col justify-between space-x-0 space-y-4 pb-4">
{data && <Podium score={scores} />} {data && <Podium score={scores} />}
<ul className="flex flex-col space-y-2"> <ul className="flex flex-col space-y-2">
{data?.groups.map((group, key) => ( {data?.groups.map((group, key) => {
const tries = group.players.reduce((a, b) => a + b.tries, 0);
return (
<li key={key} className="flex justify-between space-x-2"> <li key={key} className="flex justify-between space-x-2">
<div className="flex items-center space-x-4"> <div className="flex items-center space-x-4">
<span className={cn('font-semibold', SCORE_COLORS[group.rank - 1])}> <span className={cn('font-semibold', SCORE_COLORS[group.rank - 1])}>
@ -72,9 +74,9 @@ export default function Leaderboard() {
</div> </div>
<div className="flex items-center space-x-4"> <div className="flex items-center space-x-4">
<div className="flex flex-col"> <div className="flex flex-col">
<span className="text-sm font-semibold">Essai(s)</span> <span className="text-sm font-semibold">Essai{tries > 1 ? "s":""}</span>
<span className="text-lg text-muted"> <span className="text-lg text-muted">
{group.players.reduce((a, b) => a + b.tries, 0)} {tries}
</span> </span>
</div> </div>
{/* <div className="flex flex-col"> {/* <div className="flex flex-col">
@ -91,7 +93,7 @@ export default function Leaderboard() {
</div> </div>
</div> </div>
</li> </li>
)) || )}) ||
[...Array(20).keys()].map((i) => ( [...Array(20).keys()].map((i) => (
<span <span
key={i} key={i}

2
ui/Puzzle.tsx
View file

@ -137,7 +137,7 @@ export default function Puzzle({ token, id }: { token: string; id: number }) {
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="items-center gap-x-2"> <div className="items-center gap-x-2">
<p> <p>
Tentative(s) : <span className="text-brand-accent">{puzzle.tries}</span> Tentative{puzzle.tries && puzzle.tries > 1 ? "s":""} : <span className="text-brand-accent">{puzzle.tries}</span>
</p> </p>
<p> <p>
Score : <span className="text-brand-accent">{puzzle.score}</span> Score : <span className="text-brand-accent">{puzzle.score}</span>