refact: 이벤트 데이터 공통 필드 추출 함수 추가

Author: Yejiin21

src/entities/event/model/event.ts

@@ -1,37 +1,15 @@
-export type OnlineType = 'ONLINE' | 'OFFLINE';
-export type CategoryType = 'DEVELOPMENT_STUDY' | 'NETWORKING' | 'HACKATHON' | 'CONFERENCE';
+import { BaseEvent } from '../../../shared/types/baseEventType';
 
 export interface EventDetailRequest {
   eventId: number;
 }
 
 export interface EventDetailResponse {
-  result: {
+  result: BaseEvent & {
     id: number;
-    bannerImageUrl: string;
-    title: string;
     participantCount: number;
-    startDate: string;
-    endDate: string;
-    startTime: string;
-    endTime: string;
-    address: string;
-    location: {
-      lat: number;
-      lng: number;
-    };
-    description: string;
     hostChannelName: string;
     hostChannelDescription: string;
-    organizerEmail: string;
-    organizerPhoneNumber: string;
-    referenceLinks: {
-      title: string;
-      url: string;
-    }[];
-    category: CategoryType;
-    onlineType: OnlineType;
     status: string;
-    hashtags: string[];
   };
 }

src/features/dashboard/model/event.ts

@@ -1,31 +1,5 @@
-export type OnlineType = 'ONLINE' | 'OFFLINE';
-export type CategoryType = 'DEVELOPMENT_STUDY' | 'NETWORKING' | 'HACKATHON' | 'CONFERENCE';
+import { BaseEvent } from '../../../shared/types/baseEventType';
 
-export interface UpdateEventRequest {
+export interface UpdateEventRequest extends BaseEvent {
   hostChannelId: number;
-  bannerImageUrl: string;
-  title: string;
-  participantCount: number;
-  startDate: string;
-  endDate: string;
-  startTime: string;
-  endTime: string;
-  address: string;
-  location: {
-    lat: number;
-    lng: number;
-  };
-  description: string;
-  hostChannelName: string;
-  hostChannelDescription: string;
-  organizerEmail: string;
-  organizerPhoneNumber: string;
-  referenceLinks: {
-    title: string;
-    url: string;
-  }[];
-  category: CategoryType;
-  onlineType: OnlineType;
-  status: string;
-  hashtags: string[];
 }

src/features/event-manage/event-create/model/eventCreation.ts

@@ -1,18 +1,5 @@
-export interface CreateEventRequest {
+import { BaseEvent } from '../../../../shared/types/baseEventType';
+
+export interface CreateEventRequest extends BaseEvent {
   hostChannelId: number;
-  title: string;
-  startDate: string;
-  endDate: string;
-  startTime: string;
-  endTime: string;
-  bannerImageUrl: string;
-  description: string;
-  referenceLinks: { address: string; detailAddress: string; title: string; url: string }[];
-  onlineType: 'ONLINE' | 'OFFLINE';
-  address: string;
-  location: { lat: number; lng: number };
-  category: string;
-  hashtags: string[];
-  organizerEmail: string;
-  organizerPhoneNumber: string;
 }

src/pages/dashboard/ui/EventDetailPage.tsx

@@ -7,6 +7,7 @@ import TextEditor from '../../../features/event-manage/event-create/ui/TextEdito
 import DashboardLayout from '../../../shared/ui/backgrounds/DashboardLayout';
 import useEventDetail from '../../../entities/event/hook/useEventHook';
 import { useUpdateEventHook } from '../../../features/dashboard/hook/useEventHook';
+import { formatEventRequest } from '../../../shared/lib/formatEventRequest';
 
 const EventDetailPage = () => {
   const navigate = useNavigate();
@@ -27,30 +28,16 @@ const EventDetailPage = () => {
 
   const handleSave = () => {
     if (!data?.result.id) return;
-    const existing = data.result;
+
+    const formatData = formatEventRequest(data.result);
 
     mutate(
       {
-        title: existing.title,
-        organizerEmail: existing.organizerEmail,
-        organizerPhoneNumber: existing.organizerPhoneNumber,
-        onlineType: existing.onlineType,
-        address: existing.address,
+        ...formatData,
+        bannerImageUrl,
+        description,
+        referenceLinks,
         hostChannelId: 1,
-        bannerImageUrl: bannerImageUrl || existing.bannerImageUrl,
-        startDate: existing.startDate,
-        endDate: existing.endDate,
-        startTime: existing.startTime,
-        endTime: existing.endTime,
-        location: existing.location,
-        description: description || existing.description,
-        referenceLinks: referenceLinks || existing.referenceLinks,
-        category: existing.category,
-        hashtags: existing.hashtags,
-        status: existing.status,
-        hostChannelName: existing.hostChannelName,
-        hostChannelDescription: existing.hostChannelDescription,
-        participantCount: existing.participantCount,
       },
       {
         onSuccess: () => {

src/pages/dashboard/ui/EventInfoPage.tsx

@@ -8,7 +8,8 @@ import { useNavigate } from 'react-router-dom';
 import Button from '../../../../design-system/ui/Button';
 import useEventDetail from '../../../entities/event/hook/useEventHook';
 import { useUpdateEventHook } from '../../../features/dashboard/hook/useEventHook';
-import { OnlineType } from '../../../features/dashboard/model/event';
+import { formatEventRequest } from '../../../shared/lib/formatEventRequest';
+import { OnlineType } from '../../../shared/types/baseEventType';
 
 const EventInfoPage = () => {
   const navigate = useNavigate();
@@ -29,30 +30,17 @@ const EventInfoPage = () => {
 
   const handleSave = () => {
     if (!data?.result.id) return;
-    const existing = data.result;
+
+    const formatData = formatEventRequest(data.result);
 
     mutate(
       {
+        ...formatData,
         title,
-        organizerEmail: email || existing.organizerEmail,
-        organizerPhoneNumber: phone || existing.organizerPhoneNumber,
+        organizerEmail: email,
+        organizerPhoneNumber: phone,
         onlineType: selectedOption as OnlineType,
-        address: address || existing.address,
-        hostChannelId: 1,
-        bannerImageUrl: existing.bannerImageUrl,
-        startDate: existing.startDate,
-        endDate: existing.endDate,
-        startTime: existing.startTime,
-        endTime: existing.endTime,
-        location: existing.location,
-        description: existing.description,
-        referenceLinks: existing.referenceLinks,
-        category: existing.category,
-        hashtags: existing.hashtags,
-        status: existing.status,
-        hostChannelName: existing.hostChannelName,
-        hostChannelDescription: existing.hostChannelDescription,
-        participantCount: existing.participantCount,
+        address,
       },
       {
         onSuccess: () => {

src/shared/lib/formatEventRequest.ts

@@ -0,0 +1,19 @@
+import { BaseEvent } from '../types/baseEventType';
+
+export const formatEventRequest = (data: any): BaseEvent => ({
+  title: data.title,
+  startDate: data.startDate,
+  endDate: data.endDate,
+  startTime: data.startTime,
+  endTime: data.endTime,
+  bannerImageUrl: data.bannerImageUrl,
+  description: data.description,
+  referenceLinks: data.referenceLinks,
+  onlineType: data.onlineType,
+  address: data.address,
+  location: data.location,
+  category: data.category,
+  hashtags: data.hashtags,
+  organizerEmail: data.organizerEmail,
+  organizerPhoneNumber: data.organizerPhoneNumber,
+});

src/shared/types/baseEventType.ts

@@ -0,0 +1,25 @@
+export type OnlineType = 'ONLINE' | 'OFFLINE';
+export type CategoryType = 'DEVELOPMENT_STUDY' | 'NETWORKING' | 'HACKATHON' | 'CONFERENCE';
+
+export interface BaseEvent {
+  title: string;
+  startDate: string;
+  endDate: string;
+  startTime: string;
+  endTime: string;
+  bannerImageUrl: string;
+  description: string;
+  referenceLinks: {
+    title: string;
+    url: string;
+    address?: string;
+    detailAddress?: string;
+  }[];
+  onlineType: OnlineType;
+  address: string;
+  location: { lat: number; lng: number };
+  category: CategoryType;
+  hashtags: string[];
+  organizerEmail: string;
+  organizerPhoneNumber: string;
+}