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,