refact: 기본 프로필 오류 수정 및 호스트 생성 후 재생성 시 이전 데이터 남아있는 문제 해결

Author: hyeeuncho

src/features/event/ui/EventFunnel.tsx

@@ -12,10 +12,11 @@ import { EventFunnelInterface, StepNames } from '../../../shared/types/funnelTyp
 import { useFunnelState } from '../model/FunnelContext';
 import { useEventCreation } from '../hooks/useEventHook';
 import { useHostCreation } from '../../host/hook/useHostHook';
+import { HostCreationRequest } from '../../host/model/host';
 
 const EventFunnel = ({ onNext, onPrev, Funnel, Step, currentStep }: EventFunnelInterface) => {
   const navigate = useNavigate();
-  const { eventState, hostState } = useFunnelState();
+  const { eventState, hostState, setHostState } = useFunnelState();
   const { mutate: createEvent } = useEventCreation();
   const { mutate: createHost } = useHostCreation();
 
@@ -33,10 +34,17 @@ const EventFunnel = ({ onNext, onPrev, Funnel, Step, currentStep }: EventFunnelI
       onNext(nextStep);
     }
   };
+  const initialHostState: HostCreationRequest = {
+    profileImageUrl: '',
+    hostChannelName: '',
+    hostEmail: '',
+    channelDescription: '',
+  };
 
   const handleHostCreation = () => {
     createHost(hostState, {
       onSuccess: () => {
+        setHostState(initialHostState);
         handleNext(String(currentStep - 1));
       },
     });

src/shared/hooks/useImageUpload.ts

@@ -1,5 +1,6 @@
 import { useRef, useState, useCallback, useEffect } from 'react';
 import { uploadFile } from '../../features/event/hooks/usePresignedUrlHook';
+import basicProfile from '../../../public/assets/event-manage/creation/BasicProfile.png';
 
 const useImageUpload = ({
   value,
@@ -10,17 +11,16 @@ const useImageUpload = ({
   onSuccess?: (url: string) => void;
   useDefaultImage?: boolean;
 }) => {
-  const DEFAULT_BASIC_PROFILE = 'https://gotogetherbucket.s3.ap-northeast-2.amazonaws.com/default.png';
   const [previewUrl, setPreviewUrl] = useState<string | null>(null);
   const [isDragging, setIsDragging] = useState(false);
   const fileInputRef = useRef<HTMLInputElement>(null);
 
   useEffect(() => {
     if (value) {
       setPreviewUrl(value);
-    } else if (useDefaultImage && previewUrl !== DEFAULT_BASIC_PROFILE) {
-      setPreviewUrl(DEFAULT_BASIC_PROFILE);
-      onSuccess?.(DEFAULT_BASIC_PROFILE);
+    } else if (useDefaultImage && previewUrl !== basicProfile) {
+      setPreviewUrl(basicProfile);
+      onSuccess?.(basicProfile);
     }
   }, [value, onSuccess, useDefaultImage, previewUrl]);