Fix: full hand data.

Apps/ClientApp/src/actions/ServerActions.ts

@@ -136,8 +136,8 @@ export const getFullHandData = (): AppThunkAction<void> => {
     return (dispatch: AppThunkDispatch<void>) => {
 
         return new CallGetFullHand().execute()
-            .then((response: FullHandData) => {
-                dispatch(setFullHand(response));
+            .then((response: ServerResponse<FullHandData>) => {
+                dispatch(setFullHand(response.data));
             });
     };
 }

Apps/ClientApp/src/calls/base/Call.ts

@@ -99,7 +99,8 @@ class Call {
         }
 
         // Something went wrong, but we let the processing happen further down the line
-        return Promise.reject(new Error(error));
+        console.warn(`Error in call: ${this.name}`);
+        return Promise.reject(error ?? 'UNKNOWN_ERROR');
     }
 }
 

Apps/ClientApp/src/calls/game/CallGetFullHand.ts

@@ -1,9 +1,9 @@
-import { SERVER_URL } from '../../config';
+import { API_URL } from '../../config';
 import CallGET from '../base/CallGET';
 
 export class CallGetFullHand extends CallGET {
 
     constructor() {
-        super('GetHand', `${SERVER_URL}/static/hand.json`);
+        super('GetFullHand', `${API_URL}/game/hand`);
     }
 };

Apps/ClientApp/src/components/Hand.tsx

@@ -23,6 +23,8 @@ class Hand extends React.Component<Props, {}> {
     getFilteredTilesForDialog = (dialog : DialogType): HandTile[] => {
         const { tiles, isWaterTileSelected } = this.props;
 
+        console.log(tiles);
+
         return tiles.filter((tile: HandTile) => {
             const { type } = tile;
 

Apps/ClientApp/src/config.ts

@@ -17,12 +17,11 @@ export const TILE_PATH: string = getHexagonalPath(TILE_SIZE, TILE_STROKE);
 export const TILE_PATH_BOARD: string = getHexagonalPath(TILE_SIZE, 0); // Superimposing tiles on their contours
 
 // Server
-export const SERVER_URL = DEV ? 'http://localhost:8000' : '';
-export const API_URL = `${SERVER_URL}/api/v1`;
-export const POLL_RATE = 5 * 1000;      // ms
-export const FETCH_DEFAULT_TIMEOUT = 2000; // ms
+export const API_URL = `/api/v1`;
+export const POLL_RATE = 5 * 1_000;         // ms
+export const FETCH_DEFAULT_TIMEOUT = 2_000; // ms
 export const MAX_POLL_RETRIES = 5;
 
 // FX
-export const FX_SOUND_NEW_TURN = `${SERVER_URL}/static/new-turn.wav`;
-export const FX_SOUND_GAME_OVER = `${SERVER_URL}/static/game-over.wav`;
+export const FX_SOUND_NEW_TURN = `/static/new-turn.wav`;
+export const FX_SOUND_GAME_OVER = `/static/game-over.wav`;

Apps/ServerApp/src/controllers/game/GetFullHandController.ts

@@ -0,0 +1,19 @@
+import { RequestHandler } from 'express';
+import { successResponse } from '../../utils/calls';
+import { logger } from '../../utils/logging';
+import { FULL_HAND_JSON } from '../../config/GameConfig';
+
+const GetFullHandController: RequestHandler = async (req, res, next) => {
+    try {
+        return res.json(successResponse(FULL_HAND_JSON));
+
+    } catch (err: unknown) {
+        if (err instanceof Error) {
+            logger.warn(err.message);
+        }
+
+        next(err);
+    }
+}
+
+export default GetFullHandController;

Apps/ServerApp/src/routes/api/game.ts

@@ -7,6 +7,7 @@ import { PlayGameValidation } from '../../middleware/validation/PlayGameValidati
 import { PlayGameSanitization } from '../../middleware/sanitization/PlayGameSanitization';
 import { CreateGameValidation } from '../../middleware/validation/CreateGameValidation';
 import { CreateGameSanitization } from '../../middleware/sanitization/CreateGameSanitization';
+import GetFullHandController from '../../controllers/game/GetFullHandController';
 
 
 
@@ -23,6 +24,7 @@ router.use(SessionMiddleware);
 router.post('/', [CreateGameValidation, CreateGameSanitization], CreateGameController);
 router.post('/:id', [PlayGameValidation, PlayGameSanitization], PlayGameController);
 router.get('/:id/:version', [], GetGameController);
+router.get('/hand', [], GetFullHandController);