diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx index 3b54669..ff3a337 100644 --- a/frontend/src/App.jsx +++ b/frontend/src/App.jsx @@ -514,6 +514,7 @@ export default function App() { gameId={gameId} setGameId={setGameId} onOpenHelp={() => setHelpOpen(true)} + members={members} /> {/* Sieger Badge: zwischen Spiel und Verdächtigte Person */} diff --git a/frontend/src/components/GamePickerCard.jsx b/frontend/src/components/GamePickerCard.jsx index 45578c7..90c616f 100644 --- a/frontend/src/components/GamePickerCard.jsx +++ b/frontend/src/components/GamePickerCard.jsx @@ -2,7 +2,7 @@ import React from "react"; import { styles } from "../styles/styles"; import { stylesTokens } from "../styles/theme"; -export default function GamePickerCard({ games, gameId, setGameId, onOpenHelp }) { +export default function GamePickerCard({ games, gameId, setGameId, onOpenHelp, members = [] }) { return (
@@ -36,6 +36,37 @@ export default function GamePickerCard({ games, gameId, setGameId, onOpenHelp })
); })()} + + {members?.length > 0 && ( +
+
+ Spieler ({members.length}) +
+ +
+ {members.map((m) => { + const name = ((m.display_name || "").trim() || (m.email || "").trim() || "—"); + return ( +
+ {name} +
+ ); + })} +
+
+ )} +
); diff --git a/frontend/src/components/NewGameModal.jsx b/frontend/src/components/NewGameModal.jsx index 4b01079..04d291e 100644 --- a/frontend/src/components/NewGameModal.jsx +++ b/frontend/src/components/NewGameModal.jsx @@ -12,7 +12,6 @@ export default function NewGameModal({ currentCode = "", gameFinished = false, hasGame = false, - currentMembers = [], }) { // modes: running | choice | create | join const [mode, setMode] = useState("choice"); @@ -169,46 +168,6 @@ export default function NewGameModal({ )} - {currentMembers?.length > 0 && ( -
-
- Aktuelle Spieler ({currentMembers.length}) -
- -
- {currentMembers.map((m) => { - const name = ((m.display_name || "").trim() || (m.email || "").trim() || "—"); - return ( -
- {name} -
- ); - })} -
-
- )} - {/* ✅ CHOICE: nur wenn Spiel beendet oder kein Spiel selected */} {mode === "choice" && (