(tic-tac-toe): Erratum, it's the join/leave queue button

frontend/src/pages/ttt/socket.ts

@@ -28,8 +28,8 @@ export interface ClientToServer {
 	gameMove: (up: GameMove) => void;
 	keepalive: () => void;
 	connectedToGame: (gameId: string) => void;
-	// TODO
-	requestNewGame: () => void;
+	// TODO:
+	joinQueueButton: () => void;
 };
 
 export interface ServerToClient {

frontend/src/pages/ttt/ttt.html

@@ -1,6 +1,6 @@
 <div class="displaybox">
     <div id="mainbox" class="mainboxDisplay">
-        <button id="NewGameBtn" class="btn-style absolute top-4 right-6">New Game</button>
+        <button id="JoinQueueBtn" class="btn-style absolute top-4 right-6">New Game</button>
         <h1 class="text-3xl font-bold text-gray-800">
             Tic-tac-toe Box<span id="t-username"></span>
         </h1><br>

frontend/src/pages/ttt/ttt.ts

@@ -45,20 +45,20 @@ async function handleTTT(): Promise<RouteHandlerReturn> {
 			if (user === null)
 				return;
 
-			const newGameBtn = document.querySelector<HTMLButtonElement>("#NewGameBtn");
+			const joinQueueBtn = document.querySelector<HTMLButtonElement>("#JoinQueueBtn");
 
-			if (!newGameBtn) {
+			if (!joinQueueBtn) {
 				return showError('fatal error');
 			}
 			
-			// TODO
+			// TODO: Join queue button
 			// When clicking on this button, two scenarios:
 			// not in a game -> Join queue
 			// In a game -> user clicking on the button loses the game and joins the queue, board is cleaned
 			// Should I differentiate the scenarios here or inside the requestNewGame function ?
-			newGameBtn.addEventListener("click", () => {
-				console.log('===== NEW GAME REQUESTED =====');
-				socket.emit("requestNewGame");
+			joinQueueBtn.addEventListener("click", () => {
+				console.log('===== JOIN QUEUE BUTTON PRESSED =====');
+				socket.emit("joinQueueButton");
 			});
 
 			let curGame: CurrentGameInfo | null = null;