From 0a075e564aa1dd48152760d237a03e98783972a3 Mon Sep 17 00:00:00 2001
From: Ralex91 <95540504+Ralex91@users.noreply.github.com>
Date: Wed, 31 Jan 2024 23:45:32 +0100
Subject: [PATCH] Update Manager

---
 src/components/game/GameWrapper.jsx | 16 +++++++++-------
 src/pages/manager.jsx               |  5 ++++-
 2 files changed, 13 insertions(+), 8 deletions(-)

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