From 84db5451a2642627f0daea81e11d15c6b6233654 Mon Sep 17 00:00:00 2001
From: jessy-david-dev <ultralionfr@gmail.com>
Date: Wed, 15 Apr 2026 19:27:49 +0200
Subject: [PATCH] feat(lobby): replace max players select with free number
 input

---
 app/components/LobbyScreen.tsx | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/app/components/LobbyScreen.tsx b/app/components/LobbyScreen.tsx
index 7210ca2..a627581 100644
--- a/app/components/LobbyScreen.tsx
+++ b/app/components/LobbyScreen.tsx
@@ -171,17 +171,14 @@ export function LobbyScreen({
           <div className="flex gap-3">
             <div className="flex-1 flex flex-col gap-1.5">
               <span className="text-xs text-[#888]">Joueurs max</span>
-              <select
+              <input
+                type="number"
+                min={2}
+                max={100}
                 value={maxPlayers}
-                onChange={(e) => { const v = Number(e.target.value); setMaxPlayers(v); onSetMaxPlayers(v); }}
-                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"
-              >
-                {[2, 3, 4, 5, 6, 7, 8, 10, 12, 14, 16, 20, 25, 30, 40, 50, 75, 100].map((n) => (
-                  <option key={n} value={n}>
-                    {n} joueurs
-                  </option>
-                ))}
-              </select>
+                onChange={(e) => { const v = Math.min(100, Math.max(2, Number(e.target.value) || 2)); setMaxPlayers(v); onSetMaxPlayers(v); }}
+                className="w-full min-h-11 px-2 bg-[#0f0f0f] border border-[#2e2e2e] rounded-xl text-sm text-[#f0f0f0] outline-none focus:border-[#7c3aed] transition-colors"
+              />
             </div>
             <div className="flex-1 flex flex-col gap-1.5">
               <span className="text-xs text-[#888]">Manches</span>