Update Manager

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}
           </Button>
         )}
       </div>
 
       {children}
 
-      <div className="bg-white py-2 px-4 flex items-center text-lg justify-between font-bold text-white">
-        <p className="text-gray-800">{!!player && player.username}</p>
-        <div className="bg-gray-800 rounded-sm py-1 px-3 text-lg">
-          {!!player && player.points}
+      {!manager && (
+        <div className="bg-white py-2 px-4 flex items-center text-lg justify-between font-bold text-white">
+          <p className="text-gray-800">{!!player && player.username}</p>
+          <div className="bg-gray-800 rounded-sm py-1 px-3 text-lg">
+            {!!player && player.points}
+          </div>
         </div>
-      </div>
+      )}
     </section>
   )
 }

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 (
-    <GameWrapper textNext="" onNext={handleSkip} manager>
+    <GameWrapper textNext={nextText} onNext={handleSkip} manager>
       {gameStateComponent[state.status.name] &&
         createElement(gameStateComponent[state.status.name], {
           data: state.status.data,