✨ useGettPostLikeQuery로 이름 수정, currtUser 전달받아 사용

prgrms-fe-devcourse · Oct 5, 2023 · ec9a38a · ec9a38a
1 parent e570446
commit ec9a38a
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 157 deletions.
diff --git a/src/components/templates/PostDetailTemplate/PostDetailTemplate.tsx b/src/components/templates/PostDetailTemplate/PostDetailTemplate.tsx
@@ -12,7 +12,7 @@ import CommentListContainer from '@/components/organisms/CommentList/CommentList
 import { LikeDisLikeContainer } from '@/components/organisms/LikeDisLikeContainer'
 import APP_PATH from '@/config/paths'
 import { useAuth } from '@/lib/contexts/authProvider'
-import { useLikeQuery, useLikeMutate } from '@/queries/likes'
+import { useGetPostLikesQuery, useLikeMutate } from '@/queries/likes'
 import { postNewComment } from '@/services/comment'
 import Post from '@/types/post'
 import './index.scss'
@@ -35,18 +35,15 @@ export function PostDetailTemplate({
   const cachedCurrentUser = useMemo(() => currentUser, [currentUser])
   const isEqualUser = cachedCurrentUser?._id === author._id
 
-  const { data: postLike, isFetching: isLikePostFetching } = useLikeQuery(
-    initPost._id,
-    initPost,
-  )
-  const { data: postDisLike, isFetching: isDisLikePostFetching } = useLikeQuery(
-    initDisLikeChannelPost._id,
-    initDisLikeChannelPost,
-  )
+  const { data: postLike, isFetching: isLikePostFetching } =
+    useGetPostLikesQuery(initPost._id, initPost)
+  const { data: postDisLike, isFetching: isDisLikePostFetching } =
+    useGetPostLikesQuery(initDisLikeChannelPost._id, initDisLikeChannelPost)
 
   const { likeMutation, disLikeMutation } = useLikeMutate({
     initPost: initPost,
     initDisLikePost: initDisLikeChannelPost,
+    currentUser,
   })
 
   const initLikeState = postLike?.likes.some(

diff --git a/src/hooks/useLike.ts b/src/hooks/useLike.ts
diff --git a/src/queries/likes/index.ts b/src/queries/likes/index.ts
@@ -1,15 +1,16 @@
 import { useQueryClient, useMutation, useQuery } from '@tanstack/react-query'
-import { useCurrentUser } from '@/hooks/useCurrentUser'
 import { getPostDetail } from '@/services/post'
 import { postLikeAction, postLikeCancelAction } from '@/services/post/like'
 import type Post from '@/types/post'
+import User from '@/types/user'
 
 type useLikeProps = {
   initPost: Post
   initDisLikePost: Post
+  currentUser?: User
 }
 
-export function useLikeQuery(postId: string, initPost: Post) {
+export function useGetPostLikesQuery(postId: string, initPost: Post) {
   return useQuery({
     queryKey: ['post', postId],
     queryFn: async () => {
@@ -21,9 +22,12 @@ export function useLikeQuery(postId: string, initPost: Post) {
   })
 }
 
-export function useLikeMutate({ initPost, initDisLikePost }: useLikeProps) {
+export function useLikeMutate({
+  initPost,
+  initDisLikePost,
+  currentUser,
+}: useLikeProps) {
   const queryClient = useQueryClient()
-  const { currentUser } = useCurrentUser()
 
   const likeMutation = useMutation(
     async () => {