Add leaderboard & Manager some features

src/pages/game.jsx

@@ -14,6 +14,7 @@ const gameStateComponent = {
   SHOW_QUESTION: Question,
   WAIT: Wait,
   SHOW_RESULT: Result,
+  SHOW_LEADERBOARD: Leaderboard,
 }
 
 export default function Game() {
@@ -27,8 +28,6 @@ export default function Game() {
     return
   }
 
-  socket.emit("player:join", { username: "Test", room: player.room })
-
   const [state, setState] = useState({
     status: {
       name: "WAIT",
@@ -42,17 +41,15 @@ export default function Game() {
 
   socket.on("game:status", (status) => {
     setState({
-      ...gameState,
+      ...state,
       status: status,
+      question: {
+        ...state.question,
+        current: status.question,
+      },
     })
   })
 
-  /*socket.on("game:", (question) => {
-    setState({
-      ...state,
-      
-  })*/
-
   return (
     <GameWrapper>
       {gameStateComponent[state.status.name] &&