게스트 모집글 상세보기 mock api 구현 (#80)

* feat: CommonErrorResponse 타입 작성

* feat: 경기 상세정보 가져오는 query 훅 작성
- useGameDetailQuery 훅 작성

* feat: 경기 상세정보 가져오는 mock api handler 작성
- mockGetGameDetail 작성

* fix: mockGetGameDetail handler 에러코드 수정

src/hooks/queries/useGameDetailQuery.ts

@@ -0,0 +1,10 @@
+import { useSuspenseQuery } from '@tanstack/react-query';
+
+import { getGameDetail } from '@api/games/getGameDetail';
+
+export const useGameDetailQuery = (id: number) => {
+  return useSuspenseQuery({
+    queryKey: ['game-detail', id],
+    queryFn: () => getGameDetail({ gameId: id }),
+  });
+};

src/mocks/handlers/game.ts

@@ -1,12 +1,17 @@
-import { HttpResponse, http } from 'msw';
+import { DefaultBodyType, HttpResponse, PathParams, http } from 'msw';
 
-import { PostGameRequest, PostGameResponse } from '@type/api/games';
+import { CommonErrorResponse } from '@type/api/error';
+import {
+  GetGameDetailResponse,
+  PostGameRequest,
+  PostGameResponse,
+} from '@type/api/games';
 import { Game, Member } from '@type/models';
 
 import { games } from '@mocks/data/game';
 
 const mockPostGame = http.post<
-  { gameId: string },
+  PathParams,
   { data: PostGameRequest },
   PostGameResponse
 >('/api/games', async ({ request }) => {
@@ -59,4 +64,19 @@ const mockGetGames = http.get('/api/games', ({ request }) => {
   return HttpResponse.json(games.slice(startIndex, startIndex + size));
 });
 
-export const gameHandlers = [mockPostGame, mockGetGames];
+const mockGetGameDetail = http.get<
+  { gameId: string },
+  DefaultBodyType,
+  GetGameDetailResponse | CommonErrorResponse
+>('/api/games/:gameId', ({ params }) => {
+  const gameId = Number(params.gameId);
+  const game = games.find((game) => game.id === gameId);
+
+  if (!game) {
+    return HttpResponse.json({ code: 'COM-002' }, { status: 400 });
+  }
+
+  return HttpResponse.json(game);
+});
+
+export const gameHandlers = [mockPostGame, mockGetGames, mockGetGameDetail];

src/type/api/error.ts

@@ -0,0 +1,3 @@
+export type CommonErrorResponse = {
+  code: string;
+};