diff --git a/src/components/game/GameWrapper.jsx b/src/components/game/GameWrapper.jsx index ad01e54..c21b312 100644 --- a/src/components/game/GameWrapper.jsx +++ b/src/components/game/GameWrapper.jsx @@ -5,7 +5,7 @@ import { usePlayerContext } from "@/context/player" import { useSocketContext } from "@/context/socket" import { useState } from "react" -export default function GameWrapper({ children, onNext, manager }) { +export default function GameWrapper({ children, textNext, onNext, manager }) { const { socket } = useSocketContext() const { player } = usePlayerContext() @@ -39,19 +39,21 @@ export default function GameWrapper({ children, onNext, manager }) { className="bg-white !text-black px-4 self-end" onClick={() => onNext()} > - Skip + {textNext} )} {children} -
-

{!!player && player.username}

-
- {!!player && player.points} + {!manager && ( +
+

{!!player && player.username}

+
+ {!!player && player.points} +
-
+ )} ) } diff --git a/src/pages/manager.jsx b/src/pages/manager.jsx index 28e64fb..84081bb 100644 --- a/src/pages/manager.jsx +++ b/src/pages/manager.jsx @@ -23,6 +23,7 @@ export default function Manager() { const { socket } = useSocketContext() const { player } = usePlayerContext() + const [nextText, setNextText] = useState("Start") const [state, setState] = useState({ status: { name: "SHOW_START", @@ -46,6 +47,8 @@ export default function Manager() { }) const handleSkip = () => { + setNextText("Skip") + switch (state.status.name) { case "SHOW_START": socket.emit("manager:startGame") @@ -62,7 +65,7 @@ export default function Manager() { } return ( - + {gameStateComponent[state.status.name] && createElement(gameStateComponent[state.status.name], { data: state.status.data,