feat : 키워드 답장 편지 삭제 API 연동 (#356)

src/components/LetterDetailPage/Delete/DeleteModal.tsx

@@ -2,6 +2,7 @@ import { Margin } from '@/components/Common/Margin/Margin';
 import { useParams, useNavigate, useLocation } from 'react-router-dom';
 import { useDeleteKeywordLetter } from '@/hooks/useDeleteKeywordLetter';
 import { useDeleteMapSentLetter } from '@/hooks/useDeleteMapSentLetter';
+import { useDeleteKeywordReplyLetter } from '@/hooks/useDeleteKeywordReplyLetter';
 import { useToastStore } from '@/hooks';
 
 type DeleteModalProps = {
@@ -26,7 +27,19 @@ export const DeleteModal = ({ closeModal }: DeleteModalProps) => {
     const mapMutation = useDeleteMapSentLetter({
         letterIds: [Number(letterId)]
     });
-    const mutation = letterType === 'keyword' ? keywordMutation : mapMutation;
+
+    const keywordReplyMutation = useDeleteKeywordReplyLetter({
+        letterId: Number(letterId),
+        boxType: transformedLetterType
+    });
+
+    const mutation =
+        letterType === 'keyword'
+            ? dataType === 'received'
+                ? keywordReplyMutation
+                : keywordMutation
+            : mapMutation;
+
     const { addToast } = useToastStore();
 
     const handleDelete = () => {
@@ -45,6 +58,7 @@ export const DeleteModal = ({ closeModal }: DeleteModalProps) => {
             }
         });
     };
+
     return (
         <div className="flex flex-col bg-white rounded-2xl items-center justify-center w-full h-full p-4">
             <Margin top={10} />

src/hooks/useDeleteKeywordReplyLetter.ts

@@ -0,0 +1,23 @@
+import { useMutation, UseMutationOptions } from '@tanstack/react-query';
+import { deleteKeywordReplyLetter } from '@/service/detail/deleteKeywordReplyLetter';
+
+type UseDeleteKeywordReplyLetterProps = {
+    letterId: number;
+    boxType: string;
+};
+
+export const useDeleteKeywordReplyLetter = (
+    { letterId, boxType }: UseDeleteKeywordReplyLetterProps,
+    options?: UseMutationOptions<string, Error, void>
+) => {
+    return useMutation<string, Error, void>({
+        mutationFn: async () => {
+            const response = await deleteKeywordReplyLetter({
+                letterId,
+                boxType
+            });
+            return response.result;
+        },
+        ...options
+    });
+};

src/service/detail/deleteKeywordReplyLetter.ts

@@ -0,0 +1,28 @@
+import { defaultApi } from '@/service/api';
+import { ApiResponseType } from '@/types/apiResponse';
+
+type deleteKeywordReplyLettersRequestProps = {
+    letterId: number;
+    boxType: string;
+};
+
+type deleteKeywordReplyLettersResponse = ApiResponseType<string>;
+
+export async function deleteKeywordReplyLetter({
+    letterId,
+    boxType
+}: deleteKeywordReplyLettersRequestProps): Promise<deleteKeywordReplyLettersResponse> {
+    const api = defaultApi();
+
+    const response = await api.delete<deleteKeywordReplyLettersResponse>(
+        '/letters/replies',
+        {
+            data: {
+                letterId,
+                boxType
+            }
+        }
+    );
+
+    return response.data;
+}