Display room password on the game

fsioni · Apr 20, 2023 · 4710bf9 · 4710bf9
1 parent 80b8aa1
commit 4710bf9
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/client/src/components/Game.tsx b/client/src/components/Game.tsx
@@ -41,7 +41,7 @@ const Game: FC<GameProps> = ({ setGameStarted }): JSX.Element => {
 
       <canvas id="miniMap" className="miniMap"></canvas>
 
-      <p className="gamePassword">#ID696969</p>
+      <p id="gamePassword" className="gamePassword"></p>
 
       <img id="soundBtn" src="./ress/mute.png" alt="" />
     </>

diff --git a/client/src/phaser/scenes/GameScene.ts b/client/src/phaser/scenes/GameScene.ts
@@ -5,6 +5,7 @@ import io from "socket.io-client";
 import { getAuth } from "firebase/auth";
 import app from "../../Firebase";
 import { Buffer } from "buffer";
+import { get } from "http";
 
 const Socketorigin =
   window.location.origin.split(":")[0] +
@@ -65,6 +66,7 @@ export default class GameScene extends Phaser.Scene {
 
     this.cameras.main.setZoom(0.2);
     this.initVolumeControl();
+    this.initGamePassword();
   }
 
   // Met a jour la position des joueurs
@@ -230,4 +232,11 @@ export default class GameScene extends Phaser.Scene {
     else this.player?.setIsAudioMuted(soundState);
     return isMuted;
   }
+
+  initGamePassword() {
+    const gameID = localStorage.getItem("gameId") || "default";
+    const gamePassword = document.getElementById("gamePassword");
+    if (!gamePassword) return;
+    gamePassword.textContent = "Password : " + gameID;
+  }
 }