refactor: handle game reset

apps/api/src/players/services/players.service.ts

@@ -62,7 +62,7 @@ export class PlayersService {
 				});
 
 			const waitingRoomID = this.randomGameRoomsPool.find(
-				(roomID) => this.rooms[roomID].players.length === 1
+				(roomID) => this.rooms[roomID]?.players?.length === 1
 			);
 
 			player.color = getOppositeColorSide(
@@ -85,13 +85,17 @@ export class PlayersService {
 			randomGame === "true" &&
 			this.randomGameRoomsPool.length > 0
 		) {
-			roomID = this.randomGameRoomsPool.pop() as UUID;
-			const room = this.rooms[roomID];
+			const _roomID = this.randomGameRoomsPool.pop() as UUID;
+			const room = this.rooms[_roomID];
 
-			player.color = getOppositeColorSide(room.players[0].color);
-			player.host = false;
+			if (room) {
+				roomID = _roomID;
 
-			this.rooms[roomID].players.push(player);
+				player.color = getOppositeColorSide(room.players[0].color);
+				player.host = false;
+
+				this.rooms[roomID].players.push(player);
+			}
 		}
 
 		if (!roomID) {

apps/web/src/routes/_components/main-menu/new-section-human.component.tsx

@@ -72,6 +72,7 @@ export const NewGameHumanSection: FC = () => {
 						to="/play?mode=human&random=true"
 						type="submit"
 						className="shadow-md p-2 rounded capitalize flex justify-center items-center"
+						onClick={() => resetGame()}
 					>
 						Random Match
 					</Link>

apps/web/src/routes/play/_components/with-human.component.tsx

@@ -123,9 +123,10 @@ export const WithHumanComponent: FC<WithHumanComponentProps> = () => {
 			}
 
 			resetBoardPieces(data.room.fen);
+			setSearchParams((prev) => [...prev, ["roomID", data.roomID]]);
 			console.log("Joined room:", data);
 		},
-		[currentPlayer, resetBoardPieces, socket]
+		[currentPlayer, resetBoardPieces, setSearchParams, socket]
 	);
 
 	const onDisconnect = useCallback(() => {