refact: 수정사항 반영

hyeeuncho · hyeeuncho · commit 8fbd8ff8dfef · 2025-06-12T17:34:14.000+09:00
diff --git a/src/pages/dashboard/ui/DashbaordPage.tsx b/src/pages/dashboard/ui/DashbaordPage.tsx
@@ -11,7 +11,7 @@ const DashboardPage = () => {
   const formattedPrice = data?.totalPrice.toLocaleString();
 
   return (
-    <DashboardLayout centerContent="대시보드" pinkBg={true}>
+    <DashboardLayout centerContent="DASHBOARD" pinkBg={true}>
       <div className="flex flex-col mt-8 md:mt-13 px-7 gap-4">
         <h1 className="text-2xl font-bold">{data?.eventName || '이벤트 이름 없음'}</h1>
         <CheckList />
diff --git a/src/pages/dashboard/ui/EventDetailPage.tsx b/src/pages/dashboard/ui/EventDetailPage.tsx
@@ -63,7 +63,7 @@ const EventDetailPage = () => {
   };
 
   return (
-    <DashboardLayout centerContent="WOOACON 2024">
+    <DashboardLayout centerContent="대시보드">
       <div className="flex flex-col gap-5 mt-8 px-7">
         <h1 className="text-center text-xl font-bold mb-5">이벤트 상세 정보</h1>
         <FileUpload value={bannerImageUrl} onChange={setBannerImageUrl} useDefaultImage={false} />
diff --git a/src/pages/dashboard/ui/EventTagPage.tsx b/src/pages/dashboard/ui/EventTagPage.tsx
@@ -8,7 +8,7 @@ const EventTagPage = () => {
   const navigate = useNavigate();
 
   return (
-    <DashboardLayout centerContent="WOOACON 2024">
+    <DashboardLayout centerContent="DASHBOARD">
       <div className="flex flex-col gap-5 mt-8 px-7">
         <h1 className="text-center text-xl font-bold mb-5">이벤트 태그 정보</h1>
         <EventCategory />
diff --git a/src/pages/dashboard/ui/ParticipantsMangementPage.tsx b/src/pages/dashboard/ui/ParticipantsMangementPage.tsx
@@ -31,7 +31,7 @@ const ParticipantsManagementPage = () => {
   });
 
   return (
-    <DashboardLayout centerContent="WOOACON 2024" pinkBg={true}>
+    <DashboardLayout centerContent="DASHBOARD" pinkBg={true}>
       <div className="flex flex-col px-2 md:px-4">
         <h1 className="text-center font-bold text-xl py-4 md:py-6">구매/참가자 관리</h1>
         <div className="flex justify-end gap-2 md:gap-3 px-4">
diff --git a/src/pages/dashboard/ui/ResponseManagementPage.tsx b/src/pages/dashboard/ui/ResponseManagementPage.tsx
@@ -12,7 +12,7 @@ const ResponseManagementPage = () => {
   const { data, isLoading, isError } = usePurchaserAnswers(selectedTicketId);
   const orderCount = data?.result?.orderCount ?? 0;
   return (
-    <DashboardLayout centerContent="WOOACON 2024" pinkBg={true}>
+    <DashboardLayout centerContent="DASHBOARD" pinkBg={true}>
       {isModalOpen && (
         <ResponesModal onClose={closeModal}></ResponesModal>
       )}
diff --git a/src/pages/dashboard/ui/mail/EmailEditPage.tsx b/src/pages/dashboard/ui/mail/EmailEditPage.tsx
@@ -36,7 +36,7 @@ const EmailEditPage = () => {
   };
 
   return (
-    <DashboardLayout centerContent="WOOACON 2024">
+    <DashboardLayout centerContent="DASHBOARD">
       <div className="flex flex-col gap-5 mt-8 px-7">
         <EmailInput
           type="이메일 내용 수정"
diff --git a/src/pages/dashboard/ui/mail/EmailPage.tsx b/src/pages/dashboard/ui/mail/EmailPage.tsx
@@ -51,7 +51,7 @@ const EmailPage = () => {
   };
 
   return (
-    <DashboardLayout centerContent="WOOACON 2024">
+    <DashboardLayout centerContent="DASHBOARD">
       <div className="p-5 flex flex-col gap-10 min-h-full">
         <EmailInput
           openSelectTicket={() => setTicketModalOpen(true)}
diff --git a/src/pages/dashboard/ui/mail/MailBoxPage.tsx b/src/pages/dashboard/ui/mail/MailBoxPage.tsx
@@ -24,7 +24,7 @@ const MailBoxPage = () => {
   };
 
   return (
-    <DashboardLayout centerContent="WOOACON 2024">
+    <DashboardLayout centerContent="DASHBOARD">
       <div className={`flex flex-col gap-2 mt-8 px-7 ${isModalOpen ? 'blur-sm' : ''}`}>
         <h1 className="w-full text-center font-bold text-xl">보낸 메일함</h1>
         <div className="flex justify-end">
diff --git a/src/pages/dashboard/ui/ticket/CheckInPage.tsx b/src/pages/dashboard/ui/ticket/CheckInPage.tsx
@@ -3,7 +3,7 @@ import DashboardLayout from "../../../../shared/ui/backgrounds/DashboardLayout";
 
 const CheckInPage = () => {
   return (
-    <DashboardLayout centerContent="WOOACON 2024">
+    <DashboardLayout centerContent="DASHBOARD">
       <div className='flex flex-col gap-2 mt-8 px-7'>
         <h1 className="w-full text-center font-bold text-xl">QR 코드 스캔</h1>
         <div className="max-w-screen-md mx-auto">
diff --git a/src/pages/dashboard/ui/ticket/TicketCreatePage.tsx b/src/pages/dashboard/ui/ticket/TicketCreatePage.tsx
@@ -90,7 +90,7 @@ const TicketCreatePage = () => {
   };
 
   return (
-    <DashboardLayout centerContent="WOOACON 2024">
+    <DashboardLayout centerContent="DASHBOARD">
       <div className=" flex flex-col gap-3 md:gap-5 px-7 py-5">
         <div className="w-full text-center font-bold text-xl">티켓(입장권)</div>
         <p className="text-gray-400 text-11 md:text-xs">
diff --git a/src/pages/dashboard/ui/ticket/TicketListPage.tsx b/src/pages/dashboard/ui/ticket/TicketListPage.tsx
@@ -20,7 +20,7 @@ const TicketListPage = () => {
   if (isError) return <div>티켓 정보를 불러오는 중 오류가 발생했습니다.</div>;
 
   return (
-    <DashboardLayout centerContent="WOOACON 2024">
+    <DashboardLayout centerContent="DASHBOARD">
       <div className="mt-8 px-7">
         <div className="text-center text-xl font-bold mb-5">티켓(입장권)</div>
         <p className="text-gray-400 text-sm mb-5">
diff --git a/src/pages/dashboard/ui/ticket/TicketOptionCreatePage.tsx b/src/pages/dashboard/ui/ticket/TicketOptionCreatePage.tsx
@@ -25,7 +25,7 @@ const TicketOptionCreatePage = () => {
   }, [isEditing, optionDetail]);
 
   return (
-    <DashboardLayout centerContent="WOOACON 2024">
+    <DashboardLayout centerContent="대시보드">
       <div className="mt-8 px-7">
         <div className="text-center text-xl font-bold mb-5">티켓 옵션 생성</div>
         <p className="text-gray-400 text-sm mb-5">티켓 옵션을 생성할 수 있습니다.</p>
diff --git a/src/pages/dashboard/ui/ticket/TicketOptionPage.tsx b/src/pages/dashboard/ui/ticket/TicketOptionPage.tsx
@@ -66,7 +66,7 @@ const TicketOptionPage = () => {
     : [];
 
   return (
-    <DashboardLayout centerContent="WOOACON 2024">
+    <DashboardLayout centerContent="DASHBOARDs">
       <div className="mt-8 px-7">
         <div className="text-center text-xl font-bold mb-5">티켓에 추가 옵션 부착 하기</div>
         <p className="text-placeholderText text-xs mb-5">
diff --git a/src/pages/join/InfoInputPage.tsx b/src/pages/join/InfoInputPage.tsx
@@ -44,7 +44,7 @@ const InfoInputPage = () => {
   const onSubmit: SubmitHandler<FormData> = formData => {
     const agreementStates = getAgreementStates();
     const updatedData = {
-      name: data?.name || '',
+      name: formData.name,
       email: data?.email || '',
       phoneNumber: formData.phone,
     };
diff --git a/src/pages/menu/ui/MyTicketPage.tsx b/src/pages/menu/ui/MyTicketPage.tsx
@@ -110,6 +110,7 @@ const MyTicketPage = () => {
               onClick={() => handleEventCardClick(ticket)}
               className={`transition-transform duration-200 ${isCancelMode && selectedIds.includes(ticket.id) ? 'scale-95 border-2 border-pink-400' : ''
                 }`}
+              aspectRatio='md:aspect-[3/4.7] sm:aspect-[1/2]'
             >
               <div className="flex items-center text-xs text-gray-500">
                 <img src={ticketImg} alt="티켓" className="w-3 h-3 mr-1" />
diff --git a/src/pages/menu/ui/myHost/HostDetailPage.tsx b/src/pages/menu/ui/myHost/HostDetailPage.tsx
@@ -37,6 +37,7 @@ const HostDetailPage = () => {
               eventDate={event.startDate}
               location={event.onlineType}
               hashtags={event.hashtags}
+              aspectRatio='md:aspect-[3/4.7] sm:aspect-[1/1.8]'
             />
           ))
         )}
diff --git a/src/pages/menu/ui/myHost/MyHostPage.tsx b/src/pages/menu/ui/myHost/MyHostPage.tsx
@@ -74,6 +74,7 @@ const MyHostPage = () => {
               onDeleteSuccess={(deletedEventId: number) => {
                 setDeletedEventId(prev => [...prev, deletedEventId]);
               }}
+              aspectRatio='md:aspect-[3/4.7] sm:aspect-[1/1.8]'
             />
           ))}
       </div>
diff --git a/src/shared/hooks/useImageUpload.ts b/src/shared/hooks/useImageUpload.ts
@@ -1,5 +1,6 @@
 import { useRef, useState, useCallback, useEffect } from 'react';
 import { uploadFile } from '../../features/event/hooks/usePresignedUrlHook';
+export const DEFAULT_BASIC_PROFILE = 'https://gotogetherbucket.s3.ap-northeast-2.amazonaws.com/default.png';
 
 const useImageUpload = ({
   value,
@@ -10,7 +11,6 @@ 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);
diff --git a/src/shared/ui/EventCard.tsx b/src/shared/ui/EventCard.tsx
@@ -25,6 +25,7 @@ interface EventCardProps {
   isDelete?: boolean;
   onDeleteSuccess?: (eventId: number) => void;
   onlineType?: 'OFFLINE' | 'ONLINE';
+  aspectRatio?: string;
 }
 
 const EventCard = ({
@@ -42,6 +43,7 @@ const EventCard = ({
   isDelete = false,
   onDeleteSuccess,
   onlineType,
+  aspectRatio = 'md:aspect-[3/4.3] sm:aspect-[3/4.5]'
 }: EventCardProps) => {
   const navigate = useNavigate();
   const { pathname } = useLocation();
@@ -51,7 +53,7 @@ const EventCard = ({
   const isHostPage = pathname.startsWith(`/menu/myHost`) || pathname.startsWith(`/menu/hostDetail`);
 
   return (
-    <div className="md:aspect-[3/4.7] sm:aspect-[1/2] w-full">
+    <div className={`${aspectRatio} w-full`}>
       <div
         onClick={onClick}
         className={`w-full h-full p-4 bg-white rounded-lg shadow-md flex flex-col justify-between ${className}`}
