From 7ba305bbe5b26492992c158329304a31ff13acea Mon Sep 17 00:00:00 2001
From: jeffcheasey88 <66554203+jeffcheasey88@users.noreply.github.com>
Date: Sun, 23 Apr 2023 21:42:13 +0200
Subject: [PATCH] S

---
 ui/Leaderboard.tsx | 10 ++++++----
 ui/Puzzle.tsx      |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/ui/Leaderboard.tsx b/ui/Leaderboard.tsx
index 07915d8..cd257dc 100644
--- a/ui/Leaderboard.tsx
+++ b/ui/Leaderboard.tsx
@@ -50,7 +50,9 @@ export default function Leaderboard() {
       <main className="flex flex-col justify-between space-x-0 space-y-4 pb-4">
         {data && <Podium score={scores} />}
         <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">
               <div className="flex items-center space-x-4">
                 <span className={cn('font-semibold', SCORE_COLORS[group.rank - 1])}>
@@ -72,9 +74,9 @@ export default function Leaderboard() {
               </div>
               <div className="flex items-center space-x-4">
                 <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">
-                    {group.players.reduce((a, b) => a + b.tries, 0)}
+                    {tries}
                   </span>
                 </div>
                 {/* <div className="flex flex-col">
@@ -91,7 +93,7 @@ export default function Leaderboard() {
                 </div>
               </div>
             </li>
-          )) ||
+          )}) ||
             [...Array(20).keys()].map((i) => (
               <span
                 key={i}
diff --git a/ui/Puzzle.tsx b/ui/Puzzle.tsx
index 1b4ec78..16b05c0 100644
--- a/ui/Puzzle.tsx
+++ b/ui/Puzzle.tsx
@@ -137,7 +137,7 @@ export default function Puzzle({ token, id }: { token: string; id: number }) {
         <div className="flex items-center justify-between">
           <div className="items-center gap-x-2">
             <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>
               Score : <span className="text-brand-accent">{puzzle.score}</span>