From d4bb21da5dd2aed2cec350222eac674f3e22c828 Mon Sep 17 00:00:00 2001
From: jessy-david-dev <ultralionfr@gmail.com>
Date: Sat, 11 Apr 2026 22:03:00 +0200
Subject: [PATCH] style(lobby): format game mode labels and search toggle

---
 app/api/rooms/[code]/route.ts  |  2 +-
 app/components/LobbyScreen.tsx | 18 +++++++++++++-----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/app/api/rooms/[code]/route.ts b/app/api/rooms/[code]/route.ts
index c93d764..179aaca 100644
--- a/app/api/rooms/[code]/route.ts
+++ b/app/api/rooms/[code]/route.ts
@@ -290,7 +290,7 @@ export async function PATCH(
       player.lastSeen = Date.now();
 
       if (room.gameMode === "race") {
-        // En mode course, forfait ne termine pas la manche — on attend qu'un vrai gagnant arrive
+        // En mode course, forfait ne termine pas la manche - on attend qu'un vrai gagnant arrive
         // Sauf si tous ont abandonné
         const anyoneStillPlaying = room.players.some(
           (p) => !p.hasWon && !p.hasSurrendered,
diff --git a/app/components/LobbyScreen.tsx b/app/components/LobbyScreen.tsx
index 428651e..a226d0e 100644
--- a/app/components/LobbyScreen.tsx
+++ b/app/components/LobbyScreen.tsx
@@ -152,8 +152,10 @@ export function LobbyScreen({
               onChange={(e) => setGameMode(e.target.value as Room["gameMode"])}
               className="w-full min-h-11 px-2 bg-[#0f0f0f] border border-[#2e2e2e] rounded-xl text-sm text-[#f0f0f0] outline-none focus:border-[#7c3aed] cursor-pointer transition-colors"
             >
-              <option value="race">🏁 Course — le premier arrivé gagne</option>
-              <option value="all_finish">⏱ Normal — tout le monde joue jusqu&apos;au bout</option>
+              <option value="race">Course - le premier arrivé gagne</option>
+              <option value="all_finish">
+                Normal - tout le monde joue jusqu&apos;au bout
+              </option>
             </select>
           </div>
           <div className="flex gap-3">
@@ -191,7 +193,9 @@ export function LobbyScreen({
             className={`w-full min-h-11 rounded-xl text-sm font-semibold border transition-colors cursor-pointer flex items-center justify-between px-4 ${room.searchAllowed ? "bg-[#7c3aed]/10 border-[#7c3aed] text-[#a78bfa]" : "bg-[#1a1a1a] border-[#2e2e2e] text-[#888]"}`}
           >
             <span>🔍 Recherche Ctrl+F</span>
-            <span className={`text-xs font-bold px-2 py-0.5 rounded-full ${room.searchAllowed ? "bg-[#7c3aed]/30 text-[#a78bfa]" : "bg-[#242424] text-[#555]"}`}>
+            <span
+              className={`text-xs font-bold px-2 py-0.5 rounded-full ${room.searchAllowed ? "bg-[#7c3aed]/30 text-[#a78bfa]" : "bg-[#242424] text-[#555]"}`}
+            >
               {room.searchAllowed ? "Autorisée" : "Bloquée"}
             </span>
           </button>
@@ -199,9 +203,13 @@ export function LobbyScreen({
       )}
 
       {!isHost && (
-        <div className={`w-full min-h-11 rounded-xl text-sm font-semibold border flex items-center justify-between px-4 ${room.searchAllowed ? "bg-[#7c3aed]/10 border-[#7c3aed] text-[#a78bfa]" : "bg-[#1a1a1a] border-[#2e2e2e] text-[#888]"}`}>
+        <div
+          className={`w-full min-h-11 rounded-xl text-sm font-semibold border flex items-center justify-between px-4 ${room.searchAllowed ? "bg-[#7c3aed]/10 border-[#7c3aed] text-[#a78bfa]" : "bg-[#1a1a1a] border-[#2e2e2e] text-[#888]"}`}
+        >
           <span>🔍 Recherche Ctrl+F</span>
-          <span className={`text-xs font-bold px-2 py-0.5 rounded-full ${room.searchAllowed ? "bg-[#7c3aed]/30 text-[#a78bfa]" : "bg-[#242424] text-[#555]"}`}>
+          <span
+            className={`text-xs font-bold px-2 py-0.5 rounded-full ${room.searchAllowed ? "bg-[#7c3aed]/30 text-[#a78bfa]" : "bg-[#242424] text-[#555]"}`}
+          >
             {room.searchAllowed ? "Autorisée" : "Bloquée"}
           </span>
         </div>