Fix/184/dashboard, invitations, members querykey 개선

src/apis/dashboards/index.ts

@@ -101,6 +101,6 @@ export const getDashboardInvitations = async (params: GetDashboardInvitationsReq
  * https://sp-taskify-api.vercel.app/docs/#/Dashboards/DeleteInvitation
  */
 export const cancelDashboardInvitation = async (params: CancelInviteDashboardRequest) => {
-  const { dashboardId, invitationId } = params;
-  await axiosClientHelper.delete<void>(`/dashboards/${dashboardId}/invitations/${invitationId}`);
+  const { id, invitationId } = params;
+  await axiosClientHelper.delete<void>(`/dashboards/${id}/invitations/${invitationId}`);
 };

src/apis/dashboards/queries.ts

@@ -13,9 +13,8 @@ import {
 } from '@/apis/dashboards/types';
 
 export const useDashboardsQuery = (params: GetDashboardsRequest) => {
-  const { page, size, navigationMethod, cursorId } = params;
   return useQuery({
-    queryKey: ['dashboards', page, size, navigationMethod, cursorId],
+    queryKey: ['dashboards', params],
     queryFn: () => getDashboards(params),
   });
 };
@@ -28,9 +27,8 @@ export const useDashboardQuery = (id: Dashboard['id']) => {
 };
 
 export const useDashboardInvitationsQuery = (params: GetDashboardInvitationsRequest) => {
-  const { id, ...rest } = params;
   return useQuery({
-    queryKey: ['invitations', id, rest],
+    queryKey: ['invitations', params],
     queryFn: () => getDashboardInvitations(params),
   });
 };
@@ -84,7 +82,7 @@ export const useInviteDashboard = () => {
     },
     onSuccess: (_, { id }) => {
       queryClient.invalidateQueries({ queryKey: ['myInvitations'] });
-      queryClient.invalidateQueries({ queryKey: ['invitations', id] });
+      queryClient.invalidateQueries({ queryKey: ['invitations', { id }] });
     },
   });
 };
@@ -96,8 +94,8 @@ export const useCancelInviteDashboard = () => {
     mutationFn: (params: CancelInviteDashboardRequest) => {
       return cancelDashboardInvitation(params);
     },
-    onSuccess: (_, { dashboardId }) => {
-      queryClient.invalidateQueries({ queryKey: ['invitations', dashboardId] });
+    onSuccess: (_, { id }) => {
+      queryClient.invalidateQueries({ queryKey: ['invitations', { id }] });
     },
   });
 };

src/apis/dashboards/types.ts

@@ -73,6 +73,6 @@ export const inviteDashboardFormSchema = z.object({
 export type InviteDashboardFormType = z.infer<typeof inviteDashboardFormSchema>;
 export type InviteDashboardRequest = InviteDashboardFormType & { id: Dashboard['id'] };
 export type CancelInviteDashboardRequest = {
-  dashboardId: Dashboard['id'];
+  id: Dashboard['id'];
   invitationId: DashboardInvitation['id'];
 };

src/apis/invitations/queries.ts

@@ -5,9 +5,8 @@ import { getMyInvitations, respondToInvitation } from '@/apis/invitations/';
 import { GetMyInvitationsRequest, RespondToInvitationRequest } from '@/apis/invitations/types';
 
 export const useMyInvitationsQuery = (params: GetMyInvitationsRequest) => {
-  const { size, cursorId, title } = params;
   return useInfiniteQuery({
-    queryKey: ['myInvitations', size, cursorId, title],
+    queryKey: ['myInvitations', params],
     queryFn: ({ pageParam }) =>
       getMyInvitations({
         ...params,

src/apis/members/queries.ts

@@ -3,9 +3,8 @@ import { deleteMember, getMembers } from '@/apis/members/';
 import { DeleteMemberRequest, GetMembersRequest } from '@/apis/members/types';
 
 export const useMembersQuery = (params: GetMembersRequest) => {
-  const { page, size, dashboardId } = params;
   return useQuery({
-    queryKey: ['members', page, size, dashboardId],
+    queryKey: ['members', params],
     queryFn: () => getMembers(params),
   });
 };

src/components/dashboard/DetailInvited.tsx

@@ -30,7 +30,7 @@ export default function DetailInvited() {
     if (!result) return;
 
     try {
-      await cancel({ dashboardId: Number(id), invitationId });
+      await cancel({ id: Number(id), invitationId });
       alert('초대를 취소했습니다.');
     } catch (error) {
       const message = getErrorMessage(error);