Added createGame button

pac-man-board-game/ClientApp/src/components/gameComponent.tsx

@@ -3,12 +3,11 @@ import {AllDice} from "./dice";
 import {doAction, GameAction} from "../utils/actions";
 import GameBoard from "./gameBoard";
 import WebSocketService from "../websockets/WebSocketService";
-import {getCharacterSpawns} from "../game/map";
+import {getPacManSpawns} from "../game/map";
 import Player from "../game/player";
 import PlayerStats from "../components/playerStats";
 import {useAtom, useAtomValue, useSetAtom} from "jotai";
 import {diceAtom, ghostsAtom, playersAtom, rollDiceButtonAtom, selectedDiceAtom} from "../utils/state";
-import {CharacterType} from "../game/character";
 import GameButton from "./gameButton";
 
 const wsService = new WebSocketService(import.meta.env.VITE_API_WS);
@@ -66,10 +65,8 @@ export const GameComponent: FC<{ player: Player, map: GameMap }> = ({player, map
     wsService.send({
       Action: GameAction.playerInfo,
       Data: {
-        Player: player, Spawns: getCharacterSpawns(map)
+        Player: player, Spawns: getPacManSpawns(map)
-          .filter(s => s.type === CharacterType.pacMan)
+      } as PlayerInfoData
-          .map(s => s.position)
-      }
     });
   }
 

pac-man-board-game/ClientApp/src/game/map.ts

@@ -40,4 +40,10 @@ export function getCharacterSpawns(map: GameMap): { type: CharacterType, positio
   }
 
   return result;
+}
+
+export function getPacManSpawns(map: GameMap): DirectionalPosition[] {
+  return getCharacterSpawns(map)
+    .filter(s => s.type === CharacterType.pacMan)
+    .map(s => s.position)
 }

pac-man-board-game/ClientApp/src/pages/lobby.tsx

@@ -3,6 +3,8 @@ import {atom, useAtomValue} from "jotai";
 import {Button} from "../components/button";
 import {thisPlayerAtom} from "../utils/state";
 import {getData, postData} from "../utils/api";
+import {getPacManSpawns, testMap} from "../game/map";
+import {useNavigate} from "react-router-dom";
 
 const fetchAtom = atom(async () => {
   const response = await getData("/game/all");
@@ -10,11 +12,38 @@ const fetchAtom = atom(async () => {
 });
 
 // TODO create game button
-const LobbyPage: FC = () => ( // TODO check if player is defined in storage, if not redirect to login
+const LobbyPage: FC = () => { // TODO check if player is defined in storage, if not redirect to login
-  <Suspense fallback={"Please wait"}>
+
-    <GameTable className={"mx-auto"}/>
+  const thisPlayer = useAtomValue(thisPlayerAtom);
-  </Suspense>
+  const navigate = useNavigate();
-)
+
+  async function createGame(): Promise<void> {
+
+    const response = await postData("/game/create", {
+      body: {Player: thisPlayer, Spawns: getPacManSpawns(testMap)} as PlayerInfoData
+    });
+
+    const data = await response.json();
+
+    if (response.ok) {
+      console.debug("Game created: ", data);
+      // TODO redirect to game page
+    } else {
+      console.error("Error: ", data);
+      // TODO display error
+    }
+
+  }
+
+  return (
+    <>
+      <Button onClick={createGame}>New game</Button>
+      <Suspense fallback={"Please wait"}>
+        <GameTable className={"mx-auto"}/>
+      </Suspense>
+    </>
+  );
+}
 
 export default LobbyPage;
 

pac-man-board-game/ClientApp/src/types/types.d.ts

@@ -53,3 +53,8 @@ type ApiRequest = {
   headers?: HeadersInit,
   body?: any
 }
+
+type PlayerInfoData = {
+  readonly Player: PlayerProps,
+  readonly Spawns: DirectionalPosition[],
+}

pac-man-board-game/Controllers/GameController.cs

@@ -51,7 +51,7 @@ public class GameController : GenericController // TODO reconnect using player i
         }
     }
 
-    [HttpPost("createGame")]
+    [HttpPost("create")]
     public IActionResult CreateGame([FromBody] PlayerInfoData data)
     {
         Logger.Log(LogLevel.Debug, "Creating game");

pac-man-board-game/GameStuff/Items/Player.cs

@@ -28,6 +28,7 @@ public class Player : IPlayer, IEquatable<Player>
         return Username == other.Username;
     }
 
+    // [JsonPropertyName("username")]
     public required string Username { get; init; }
     public required Character PacMan { get; init; }
     public required string Colour { get; init; }
@@ -49,9 +50,9 @@ public class Player : IPlayer, IEquatable<Player>
             Username = user.Username,
             PacMan = new Character
             {
-                Colour = user.Colour,
+                Colour = user.Colour ?? "white",
                 Type = CharacterType.PacMan
             },
-            Colour = user.Colour
+            Colour = user.Colour ?? "white"
         };
 }