Refactor: API.delete 적용

Author: ejinn1

src/hooks/apis/Auth/useWithdrawal.ts

@@ -1,16 +1,18 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { useRouter } from 'next/navigation';
-import { DELETE } from '@/apis/services/httpMethod';
-import { WithdrawalResponse } from '@/types/response';
+
+import { API } from '@/apis/services/httpMethod';
 import { API_ENDPOINTS } from '@/constants/ApiEndpoints';
 import { notify } from '@/store/useToastStore';
+import { WithdrawalResponse } from '@/types/response';
 
 export const useWithdrawal = () => {
   const queryClient = useQueryClient();
   const router = useRouter();
 
   return useMutation({
-    mutationFn: () => DELETE<WithdrawalResponse>(API_ENDPOINTS.AUTH.WITHDRAWAL),
+    mutationFn: () =>
+      API.delete<WithdrawalResponse>(API_ENDPOINTS.AUTH.WITHDRAWAL),
     onSuccess: () => {
       notify('success', '회원탈퇴에 성공하였습니다.', 3000);
       document.cookie = 'token=; max-age=0; path=/;';

src/hooks/apis/Comment/useDeleteCommentQuery.ts

@@ -1,17 +1,18 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { notify } from '@/store/useToastStore';
-import { DELETE } from '@/apis/services/httpMethod';
+
+import { API } from '@/apis/services/httpMethod';
 import { API_ENDPOINTS } from '@/constants/ApiEndpoints';
-import { QUERY_KEYS } from '@/constants/QueryKeys';
 import { TOAST_MESSAGES } from '@/constants/Messages';
+import { QUERY_KEYS } from '@/constants/QueryKeys';
+import { notify } from '@/store/useToastStore';
 import { CommentResponse } from '@/types/Comment';
 
 export const useDeleteComment = () => {
   const queryClient = useQueryClient();
 
   return useMutation({
     mutationFn: (commentId: number) =>
-      DELETE<CommentResponse>(API_ENDPOINTS.COMMENT.DELETE(commentId)),
+      API.delete<CommentResponse>(API_ENDPOINTS.COMMENT.DELETE(commentId)),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.COMPLETE_DETAIL] });
       notify('success', TOAST_MESSAGES.COMMENT_DELETE_SUCCESS, 3000);

src/hooks/apis/Follow/useDeleteFollowMutation.ts

@@ -1,16 +1,19 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { DELETE } from '@/apis/services/httpMethod';
+
+import { API } from '@/apis/services/httpMethod';
 import { API_ENDPOINTS } from '@/constants/ApiEndpoints';
-import { DeleteFollowResponse, UserProfileResponse } from '@/types/response';
-import { notify } from '@/store/useToastStore';
 import { QUERY_KEYS } from '@/constants/QueryKeys';
+import { notify } from '@/store/useToastStore';
+import { DeleteFollowResponse, UserProfileResponse } from '@/types/response';
 
 export const useDeleteFollowMutation = () => {
   const queryClient = useQueryClient();
 
   return useMutation({
     mutationFn: (userId: number) =>
-      DELETE<DeleteFollowResponse>(API_ENDPOINTS.FOLLOW.DELETE_FOLLOW(userId)),
+      API.delete<DeleteFollowResponse>(
+        API_ENDPOINTS.FOLLOW.DELETE_FOLLOW(userId),
+      ),
     onMutate: async (userId) => {
       const previousData = queryClient.getQueriesData<UserProfileResponse>({
         queryKey: [QUERY_KEYS.USER_PROFILE, userId],

src/hooks/apis/Follows/useDeleteFollowsQuery.ts

@@ -1,17 +1,20 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { notify } from '@/store/useToastStore';
-import { DeleteFollowsResponse } from '@/types/Follows';
-import { DELETE } from '@/apis/services/httpMethod';
+
+import { API } from '@/apis/services/httpMethod';
 import { API_ENDPOINTS } from '@/constants/ApiEndpoints';
-import { QUERY_KEYS } from '@/constants/QueryKeys';
 import { TOAST_MESSAGES } from '@/constants/Messages';
+import { QUERY_KEYS } from '@/constants/QueryKeys';
+import { notify } from '@/store/useToastStore';
+import { DeleteFollowsResponse } from '@/types/Follows';
 
 export const useDeleteFollow = () => {
   const queryClient = useQueryClient();
 
   return useMutation({
     mutationFn: (followerId: number) =>
-      DELETE<DeleteFollowsResponse>(API_ENDPOINTS.FOLLOW.DELETE(followerId)),
+      API.delete<DeleteFollowsResponse>(
+        API_ENDPOINTS.FOLLOW.DELETE(followerId),
+      ),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.FOLLOW_COUNT] });
       notify('success', TOAST_MESSAGES.DELETE_FOLLOW_SUCCESS, 3000);

src/hooks/apis/Goals/useDeleteGoalMutation.ts

@@ -1,6 +1,6 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 
-import { DELETE } from '@/apis/services/httpMethod';
+import { API } from '@/apis/services/httpMethod';
 import { API_ENDPOINTS } from '@/constants/ApiEndpoints';
 import { QUERY_KEYS } from '@/constants/QueryKeys';
 import { notify } from '@/store/useToastStore';
@@ -11,7 +11,7 @@ export const useDeleteGoalMutation = () => {
 
   return useMutation({
     mutationFn: (goalId: number) =>
-      DELETE<DeleteGoalResponse>(API_ENDPOINTS.GOAL.GOAL(goalId)),
+      API.delete<DeleteGoalResponse>(API_ENDPOINTS.GOAL.GOAL(goalId)),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.ALL_GOALS] });
       queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.GOALS] });

src/hooks/apis/Likes/useDeleteLikeQuery.ts

@@ -1,17 +1,18 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { DELETE } from '@/apis/services/httpMethod';
-import { DeleteLikeResponse } from '@/types/Likes';
+
+import { API } from '@/apis/services/httpMethod';
 import { API_ENDPOINTS } from '@/constants/ApiEndpoints';
-import { notify } from '@/store/useToastStore';
 import { TOAST_MESSAGES } from '@/constants/Messages';
 import { QUERY_KEYS } from '@/constants/QueryKeys';
+import { notify } from '@/store/useToastStore';
+import { DeleteLikeResponse } from '@/types/Likes';
 
 export const useDeleteLike = () => {
   const queryClient = useQueryClient();
 
   return useMutation<DeleteLikeResponse, Error, number>({
     mutationFn: (completeId: number) =>
-      DELETE<DeleteLikeResponse>(API_ENDPOINTS.LIKE.DELETE(completeId)),
+      API.delete<DeleteLikeResponse>(API_ENDPOINTS.LIKE.DELETE(completeId)),
 
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.FOLLOWS] });