fix: 좋아요 요청 성공시 리뷰와 꿀조합 상세 쿼리 invalidate

woowacourse-teams · Sep 19, 2023 · d26ece6 · d26ece6
1 parent 66a2147
commit d26ece6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/frontend/src/hooks/queries/recipe/useRecipeFavoriteMutation.ts b/frontend/src/hooks/queries/recipe/useRecipeFavoriteMutation.ts
@@ -1,4 +1,4 @@
-import { useMutation } from '@tanstack/react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import { recipeApi } from '@/apis';
 import type { RecipeFavoriteRequestBody } from '@/types/recipe';
@@ -10,8 +10,11 @@ const patchRecipeFavorite = (recipeId: number, body: RecipeFavoriteRequestBody)
 };
 
 const useRecipeFavoriteMutation = (recipeId: number) => {
+  const queryClient = useQueryClient();
+
   return useMutation({
     mutationFn: (body: RecipeFavoriteRequestBody) => patchRecipeFavorite(recipeId, body),
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['recipeDetail', recipeId] }),
   });
 };
 

diff --git a/frontend/src/hooks/queries/review/useReviewFavoriteMutation.ts b/frontend/src/hooks/queries/review/useReviewFavoriteMutation.ts
@@ -1,4 +1,4 @@
-import { useMutation } from '@tanstack/react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import { productApi } from '@/apis';
 import type { ReviewFavoriteRequestBody } from '@/types/review';
@@ -10,8 +10,11 @@ const patchReviewFavorite = (productId: number, reviewId: number, body: ReviewFa
 };
 
 const useReviewFavoriteMutation = (productId: number, reviewId: number) => {
+  const queryClient = useQueryClient();
+
   return useMutation({
     mutationFn: (body: ReviewFavoriteRequestBody) => patchReviewFavorite(productId, reviewId, body),
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['product', productId, 'review'] }),
   });
 };