feat: (#55) useMutation 함수 반환값으로 isLoading, isError, error 추가

woowacourse-teams · Jul 18, 2023 · 56a29e0 · 56a29e0
1 parent 292f462
commit 56a29e0
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 19 deletions.
diff --git a/frontend/src/hooks/query/post/useCreatePost.ts b/frontend/src/hooks/query/post/useCreatePost.ts
@@ -1,3 +1,4 @@
+import { QUERY_KEY } from '@constants/queryKey';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import { PostRequest } from '@type/post';
@@ -6,15 +7,17 @@ import { createPost } from '@api/jero/post';
 
 export const useCreatePost = () => {
  const queryClient = useQueryClient();
- const { mutate } = useMutation((post: PostRequest) => createPost(post), {
- onSuccess: () => {
- queryClient.invalidateQueries(['posts']);
- },
- onError: () => {
- // mutate가 실패하면, 함수를 실행합니다.
- window.console.log('createPost error');
- },
- });
+ const { mutate, isLoading, isError, error } = useMutation(
+ (post: PostRequest) => createPost(post),
+ {
+ onSuccess: () => {
+ queryClient.invalidateQueries([QUERY_KEY.posts]);
+ },
+ onError: () => {
+ window.console.log('createPost error');
+ },
+ }
+ );
 
- return { mutate };
+ return { mutate, isLoading, isError, error };
 };
diff --git a/frontend/src/hooks/query/post/useEditPost.ts b/frontend/src/hooks/query/post/useEditPost.ts
@@ -1,3 +1,4 @@
+import { QUERY_KEY } from '@constants/queryKey';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import { PostRequest } from '@type/post';
@@ -6,14 +7,17 @@ import { editPost } from '@api/jero/post';
 
 export const useEditPost = (postId: number) => {
  const queryClient = useQueryClient();
- const { mutate } = useMutation((updatedPost: PostRequest) => editPost(postId, updatedPost), {
- onSuccess: () => {
- queryClient.invalidateQueries(['posts', postId]);
- },
- onError: () => {
- window.console.log('editPost error');
- },
- });
+ const { mutate, isLoading, isError, error } = useMutation(
+ (updatedPost: PostRequest) => editPost(postId, updatedPost),
+ {
+ onSuccess: () => {
+ queryClient.invalidateQueries([QUERY_KEY.posts, postId]);
+ },
+ onError: () => {
+ window.console.log('editPost error');
+ },
+ }
+ );
 
- return { mutate };
+ return { mutate, isLoading, isError, error };
 };