모임상세조회 API 리팩토링

* 모임개설API 리팩토링 (#900) * refactor: 모임 상세 조회 API 마이그레이션 * Delete src/api/API_LEGACY/meeting/index.ts * fix: prettier 오류 해결 * fix: Data 구조 분해 및 타입 지정 * fix: ESLint 오류 해결 * refactor: 데이터 구조 변경 * refactor: getMeeting v2 마이그레이션 * fix: mStartDate, mEndDate 속성 없음 이슈 해결 * fix: 타입 업데이트 * fix: 타입 업데이트 * getmStartDate -> mStartDate (#901) * refactor: 모임 상세 조회 API 마이그레이션 * Delete src/api/API_LEGACY/meeting/index.ts * fix: prettier 오류 해결 * fix: Data 구조 분해 및 타입 지정 * fix: ESLint 오류 해결 * refactor: 데이터 구조 변경 * refactor: getMeeting v2 마이그레이션 * fix: mStartDate, mEndDate 속성 없음 이슈 해결 * fix: 타입 업데이트 * fix: 타입 업데이트 * fix: 필드명 업데이트 * test: 공백 지우기 * Revert "getmStartDate -> mStartDate (#901)" (#902) This reverts commit 476107b. * feat: 모임상세조회 API --------- Co-authored-by: Hyeonsu Kim <[email protected]>
sopt-makers · Oct 3, 2024 · 3de2624 · 3de2624
1 parent 8d4f9e1
commit 3de2624
Show file tree

Hide file tree

Showing 12 changed files with 29 additions and 28 deletions.
diff --git a/pages/edit/index.tsx b/pages/edit/index.tsx
@@ -28,7 +28,6 @@ const EditPage = () => {
     enabled: !!id,
   });
   const { data: formData } = query;
-
   const { mutateAsync, isLoading: isSubmitting } = useMutation({
     mutationFn: ({ id, formData }: { id: string; formData: FormType }) => updateMeeting(id, formData),
     onSuccess: () => {

diff --git a/src/__generated__/schema2.d.ts b/src/__generated__/schema2.d.ts
diff --git a/src/api/API_LEGACY/meeting/hooks.ts b/src/api/API_LEGACY/meeting/hooks.ts
@@ -22,21 +22,21 @@ import {
   getMeetingPeopleList,
   PostApplicationRequest,
   MeetingPeopleResponse,
-  MeetingResponse,
   postApplication,
   deleteApplication,
   updateApplication,
   UpdateApplicationRequest,
   downloadMeetingMemberCSV,
   getGroupBrowsingCard,
   GroupBrowsingCardDetail,
+  GetMeetingResponse,
 } from '.';
 
 interface UseQueryGetMeetingParams {
   params: {
     id: string;
   };
-  useQueryOptions?: UseQueryOptions<MeetingResponse>;
+  useQueryOptions?: UseQueryOptions<GetMeetingResponse>;
 }
 
 /**
@@ -85,10 +85,10 @@ export const useQueryMeetingListOfAll = () => {
 export const useQueryGetMeeting = ({
   params,
   useQueryOptions,
-}: UseQueryGetMeetingParams): UseQueryResult<MeetingResponse> => {
+}: UseQueryGetMeetingParams): UseQueryResult<GetMeetingResponse> => {
   const { id } = params;
 
-  return useQuery<MeetingResponse>({
+  return useQuery<GetMeetingResponse>({
     queryKey: ['getMeeting', id],
     queryFn: () => {
       return getMeeting(id);

diff --git a/src/api/API_LEGACY/meeting/index.ts b/src/api/API_LEGACY/meeting/index.ts
@@ -176,8 +176,10 @@ export const fetchMeetingListOfAll = async ({
   );
 };
 
-export const getMeeting = async (id: string): Promise<MeetingResponse> => {
-  return (await api.get<PromiseResponse<MeetingResponse>>(`/meeting/${id}`)).data.data;
+export type GetMeetingResponse =
+  paths['/meeting/v2/{meetingId}']['get']['responses']['200']['content']['application/json;charset=UTF-8'];
+export const getMeeting = async (id: string): Promise<GetMeetingResponse> => {
+  return (await api.get<GetMeetingResponse>(`/meeting/v2/${id}`)).data;
 };
 
 /**

diff --git a/src/api/API_LEGACY/user/index.ts b/src/api/API_LEGACY/user/index.ts
@@ -1,6 +1,6 @@
 import { GroupInfo } from '@components/feed/Modal/FeedFormPresentation';
-import { api, PromiseResponse } from '../..';
-import { MeetingResponse } from '../meeting';
+import { api } from '../..';
+import { GetMeetingResponse } from '../meeting';
 import { paths } from '@/__generated__/schema2';
 
 /**
@@ -38,7 +38,7 @@ export interface ApplyResponse {
   id: number;
   content: string;
   status: ApplicationStatusType;
-  meeting: MeetingResponse;
+  meeting: GetMeetingResponse;
   user: UserResponse;
 }
 

diff --git a/src/api/post/index.ts b/src/api/post/index.ts
@@ -1,4 +1,4 @@
-import { MeetingResponse } from '@api/API_LEGACY/meeting';
+import { GetMeetingResponse } from '@api/API_LEGACY/meeting';
 import { UserResponse } from '@api/API_LEGACY/user';
 import { FormCreateType, FormEditType } from '@components/feed/Modal/feedSchema';
 import { Data, api, apiV2 } from '..';
@@ -14,7 +14,7 @@ export interface PostResponse {
   likeCount: number;
   isLiked: boolean;
   user: Pick<UserResponse, 'id' | 'name' | 'profileImage'>;
-  meeting: Pick<MeetingResponse, 'id' | 'title' | 'imageURL' | 'category'>;
+  meeting: Pick<GetMeetingResponse, 'id' | 'title' | 'imageURL' | 'category'>;
 }
 
 export const createPost = async (formData: FormCreateType) => {

diff --git a/src/components/page/meetingDetail/Carousel/index.tsx b/src/components/page/meetingDetail/Carousel/index.tsx
@@ -2,10 +2,10 @@ import Slider from 'react-slick';
 import { styled } from 'stitches.config';
 import NextArrow from './NextArrow';
 import 'slick-carousel/slick/slick.css';
-import { ImageURLType } from '@api/API_LEGACY/meeting';
+import { paths } from '@/__generated__/schema2';
 
 interface CarouselProps {
-  imageList: ImageURLType[];
+  imageList: paths['/meeting/v2/{meetingId}']['get']['responses']['200']['content']['application/json;charset=UTF-8']['imageURL'];
 }
 
 const Carousel = ({ imageList }: CarouselProps) => {

diff --git a/src/components/page/meetingDetail/Information/InformationPanel.tsx b/src/components/page/meetingDetail/Information/InformationPanel.tsx
@@ -7,10 +7,10 @@ import 'dayjs/locale/ko';
 dayjs.locale('ko');
 import { PART_NAME } from '@constants/option';
 import { useCallback, useRef, useState } from 'react';
-import { MeetingResponse } from '@api/API_LEGACY/meeting';
+import { GetMeetingResponse } from '@api/API_LEGACY/meeting';
 
 interface InformationPanelProps {
-  detailData: MeetingResponse;
+  detailData: GetMeetingResponse;
 }
 
 const InformationPanel = ({ detailData }: InformationPanelProps) => {
@@ -41,7 +41,7 @@ const InformationPanel = ({ detailData }: InformationPanelProps) => {
       partList: detailData?.joinableParts?.map(key => PART_NAME[key]),
       //'이런 사람을 찾아요' Input이 사라지면서 해당 객체의 content는 삭제 됨
       //렌더링은 되어야하므로 truthy값으로 문자열 'NULL'을 삽입
-      content: detailData?.targetDesc ?? 'NULL',
+      content: 'NULL',
     },
     {
       id: 4,

diff --git a/...l/MeetingController/Modal/Content/RecruitmentStatusModalContent/RecruitmentStatusList.tsx b/...l/MeetingController/Modal/Content/RecruitmentStatusModalContent/RecruitmentStatusList.tsx
@@ -1,10 +1,10 @@
+import { paths } from '@/__generated__/schema2';
 import ProfileDefaultIcon from '@assets/svg/profile_default.svg?rect';
 import { APPROVAL_STATUS, EApprovalStatus } from '@constants/option';
-import { ApplyResponse } from '@api/API_LEGACY/user';
 import { styled } from 'stitches.config';
 
 interface RecruitmentStatusProps {
-  recruitmentStatusList: ApplyResponse[];
+  recruitmentStatusList: paths['/meeting/v2/{meetingId}']['get']['responses']['200']['content']['application/json;charset=UTF-8']['appliedInfo'];
 }
 
 const RecruitmentStatusList = ({ recruitmentStatusList }: RecruitmentStatusProps) => {

diff --git a/...age/meetingDetail/MeetingController/Modal/Content/RecruitmentStatusModalContent/index.tsx b/...age/meetingDetail/MeetingController/Modal/Content/RecruitmentStatusModalContent/index.tsx
@@ -1,13 +1,13 @@
 import Link from 'next/link';
 import { styled } from 'stitches.config';
-import { ApplyResponse } from '@api/API_LEGACY/user';
 import RecruitmentStatusList from './RecruitmentStatusList';
 import ArrowSmallRightIcon from '@assets/svg/arrow_small_right.svg';
 import { ampli } from '@/ampli';
+import { paths } from '@/__generated__/schema2';
 
 interface RecruitmentStatusModalContentProps {
   meetingId: number;
-  appliedInfo: ApplyResponse[];
+  appliedInfo: paths['/meeting/v2/{meetingId}']['get']['responses']['200']['content']['application/json;charset=UTF-8']['appliedInfo'];
   isHost: boolean;
   isApplied: boolean;
 }

diff --git a/src/components/page/meetingDetail/MeetingController/index.tsx b/src/components/page/meetingDetail/MeetingController/index.tsx
@@ -13,7 +13,7 @@ import ProfileConfirmModal from './Modal/Confirm/ProfileConfirmModal';
 import GuestConfirmModal from './Modal/Confirm/GuestConfirmModal';
 import ApplicationModalContent from './Modal/Content/ApplicationModalContent';
 import RecruitmentStatusModalContent from './Modal/Content/RecruitmentStatusModalContent';
-import { PostApplicationRequest, MeetingResponse } from '@api/API_LEGACY/meeting';
+import { PostApplicationRequest, GetMeetingResponse } from '@api/API_LEGACY/meeting';
 import { playgroundURL } from '@constants/url';
 import { ERecruitmentStatus, RECRUITMENT_STATUS } from '@constants/option';
 import ProfileDefaultIcon from '@assets/svg/profile_default.svg?rect';
@@ -26,7 +26,7 @@ import ButtonLoader from '@components/loader/ButtonLoader';
 import { useDialog } from '@sopt-makers/ui';
 
 interface DetailHeaderProps {
-  detailData: MeetingResponse;
+  detailData: GetMeetingResponse;
   mutateMeetingDeletion: UseMutateFunction<
     {
       statusCode: number;

diff --git a/src/components/page/meetingManagement/MeetingInformation.tsx b/src/components/page/meetingManagement/MeetingInformation.tsx
@@ -1,12 +1,12 @@
 import { useRouter } from 'next/router';
 import { styled } from 'stitches.config';
 import ArrowMediumRightGrayIcon from '@assets/svg/arrow_medium_right_gray.svg';
-import { MeetingResponse } from '@api/API_LEGACY/meeting';
+import { GetMeetingResponse } from '@api/API_LEGACY/meeting';
 import { ERecruitmentStatus, RECRUITMENT_STATUS } from '@constants/option';
 import Link from 'next/link';
 
 interface MeetingInformationProps {
-  meetingData: MeetingResponse;
+  meetingData: GetMeetingResponse;
 }
 
 const MeetingInformation = ({ meetingData }: MeetingInformationProps) => {