Pochos
/
TrainsAndRoads
6
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Add error messages in landing page for duplicate user names and missing game code

landing-page-layout
MiguelMLorente 2025-02-10 22:14:13 +01:00
parent e7ea4269d7
commit 00f22aee28
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
interface/server-events/ServerError.ts
View File

@ -8,4 +8,6 @@ export enum ErrorCode {
GAME_NOT_FOUND = "game-not-found",
MISSING_USER_NAME = "missing-player-name",
INVALID_USER_NAME = "invalid-player-name",
DUPLICATE_USER_NAME = "duplicate-player-name",
MISSING_GAME_CODE = "missing-game-code",
}

16
web/src/pages/landing/LandingPage.tsx
View File

@ -7,7 +7,7 @@ import {
handleJoinLobby,
JoinLobbyEvent,
} from "interface";
import { ChangeEvent, useState } from "react";
import { ChangeEvent, useEffect, useState } from "react";
import { Socket } from "socket.io-client";
import "./LandingPage.scss";
@ -34,20 +34,26 @@ const LandingPage = (props: LandingPageProps) => {
ErrorCode.INVALID_USER_NAME,
"Player name must be letters or spaces only and up to 25 characters",
],
[ErrorCode.DUPLICATE_USER_NAME, "Player name is already under use"],
]);
const userNameErrorMessage =
userNameErrorCodesToMessageMap.get(receivedError);
const gameCodeErrorCodesToMessageMap = new Map([
[ErrorCode.GAME_NOT_FOUND, "No game found with such lobby ID"],
[ErrorCode.MISSING_GAME_CODE, "Introduce a game code"],
]);
const gameCodeErrorMessage =
gameCodeErrorCodesToMessageMap.get(receivedError);
attachHandlerToCreateLobbyError(socket, (event) =>
setReceivedError(event.error),
useEffect(() =>
attachHandlerToCreateLobbyError(socket, (event) =>
setReceivedError(event.error),
),
);
attachHandlerToJoinLobbyError(socket, (event) =>
setReceivedError(event.error),
useEffect(() =>
attachHandlerToJoinLobbyError(socket, (event) =>
setReceivedError(event.error),
),
);
return (