✨ 그룹 삭제, 멤버 강퇴 query 추가

team-morak · Mar 21, 2024 · f40b38e · f40b38e
1 parent 54f1ee4
commit f40b38e
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 0 deletions.
diff --git a/app/frontend/src/queries/hooks/group.ts b/app/frontend/src/queries/hooks/group.ts
@@ -2,6 +2,19 @@ import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import { group } from '@/services';
 
+export const useDeleteGroupQuery = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (id: string) => group.delete(id),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ['group'],
+      });
+    },
+  });
+};
+
 export const useJoinGroupQuery = () => {
   const queryClient = useQueryClient();
 
@@ -15,6 +28,20 @@ export const useJoinGroupQuery = () => {
   });
 };
 
+export const useKickMemberQuery = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: ({ id, memberId }: { id: string; memberId: string }) =>
+      group.kick({ id, memberId }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ['group'],
+      });
+    },
+  });
+};
+
 export const useLeaveGroupQuery = () => {
   const queryClient = useQueryClient();
 

diff --git a/app/frontend/src/services/group.ts b/app/frontend/src/services/group.ts
@@ -49,4 +49,8 @@ export const group = {
     morakAPI.post<null>(`${group.endPoint.default}/${id}/join`),
   leave: async ({ id }: Pick<ResponseGroupsDto, 'id'>) =>
     morakAPI.delete<null>(`${group.endPoint.default}/${id}/leave`),
+  kick: async ({ id, memberId }: { id: string; memberId: string }) =>
+    morakAPI.delete<null>(`${group.endPoint.default}/${id}/kick/${memberId}`),
+  delete: async (id: string) =>
+    morakAPI.delete<null>(`${group.endPoint.default}/${id}`),
 };