refact: React Query의 queryClient사용하여 부분 데이터 업데이트

Author: hyeeuncho

src/features/dashboard/hook/useEmailHook.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQuery } from '@tanstack/react-query';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { sendEmail, editEmail, readEmail, deleteEmail } from '../api/mail';
 import { EmailRequest, EmailResponse, ReadEmailResponse } from '../model/emailInformation';
 import { useNavigate, useParams } from 'react-router-dom';
@@ -47,11 +47,12 @@ export const useEditEmail = () => {
 };
 
 export const useDeleteEmail = () => {
+    const queryClient = useQueryClient();
     return useMutation<EmailResponse, Error, number>({
         mutationFn: (reservationEmailId) => deleteEmail(reservationEmailId),
         onSuccess: () => {
             alert("메일이 삭제되었습니다.");
-            window.location.reload();
+            queryClient.invalidateQueries({ queryKey: ['emails'] });
         },
         onError: () => {
             alert("메일 삭제에 실패했습니다. 다시 시도해 주세요.");

src/pages/dashboard/ui/ParticipantsMangementPage.tsx

@@ -53,7 +53,7 @@ const ParticipantsManagementPage = () => {
             setEmailModalOpen(false);
             setTicketModalOpen(true);
           }}
-          allParticipantEmails={participants.map((p: { email: any; }) => p.email)}
+          allParticipantEmails={participants.map((p: { email: string; }) => p.email)}
         />
       )}
       {ticketModalOpen && (

src/pages/dashboard/ui/mail/EmailEditPage.tsx

@@ -44,7 +44,7 @@ const EmailEditPage = () => {
         <EmailInput
           type="이메일 내용 수정"
           openSelectTicket={() => setTicketModalOpen(true)}
-          allParticipantEmails={participants.map((p: { email: any; }) => p.email)}
+          allParticipantEmails={participants.map((p: { email: string; }) => p.email)}
           isEdited= {true}
         />
         {/*시간 선택 컴포넌트*/}

src/pages/dashboard/ui/mail/EmailPage.tsx

@@ -26,6 +26,22 @@ const EmailPage = () => {
   } = useEmailStore();
 
   const handleSend = () => {
+    if (!title.trim()) {
+      alert('제목을 입력해주세요.');
+      return;
+    }
+    if (!content.trim()) {
+      alert('내용을 입력해주세요.');
+      return;
+    }
+    if (recipients.length === 0) {
+      alert('수신자를 한 명 이상 선택해주세요.');
+      return;
+    }
+    if (!reservationDate || !reservationTime) {
+      alert('예약 날짜와 시간을 선택해주세요.');
+      return;
+    }
     const eventId = id ? parseInt(id) : 0;
     const emailData = {
       eventId,

src/widgets/dashboard/ui/EmailModal.tsx

@@ -25,6 +25,22 @@ const EmailModal = ({ onClose, openSelectTicket, allParticipantEmails }: EmailMo
   } = useEmailStore();
 
   const handleSend = () => {
+    if (!title.trim()) {
+      alert('제목을 입력해주세요.');
+      return;
+    }
+    if (!content.trim()) {
+      alert('내용을 입력해주세요.');
+      return;
+    }
+    if (recipients.length === 0) {
+      alert('수신자를 한 명 이상 선택해주세요.');
+      return;
+    }
+    if (!reservationDate || !reservationTime) {
+      alert('예약 날짜와 시간을 선택해주세요.');
+      return;
+    }
     const eventId = id ? parseInt(id) : 0;
     const emailData = {
       eventId,