피드 컴포넌트에 팔로우, 언팔로우 로직 추가

depromeet · May 7, 2024 · 15817b7 · 15817b7
1 parent 6daf0a0
commit 15817b7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/components/feed/Feed/FeedProfile.tsx b/src/components/feed/Feed/FeedProfile.tsx
@@ -3,6 +3,7 @@
 import Image, { ImageProps } from 'next/image';
 import { useRouter } from 'next/navigation';
 
+import { usePatchFollow } from '@hooks/api/usePatchFollow';
 import DefaultProfileImage from 'public/assets/image/default_profile.png';
 
 interface FeedProfileProps extends Omit<ImageProps, 'id'> {
@@ -22,17 +23,14 @@ export default function FeedProfile({
   ...props
 }: FeedProfileProps) {
   const { push } = useRouter();
+  const { mutate: patchFollow } = usePatchFollow();
 
   const handleClickProfile = () => {
     push(`/profile/${userId}`);
   };
 
   const handleClickFollowButton = () => {
-    if (isFollowed) {
-      console.log('팔로우');
-    } else {
-      console.log('팔로우 취소');
-    }
+    patchFollow(userId);
   };
 
   return (

diff --git a/src/hooks/api/usePatchFollow.ts b/src/hooks/api/usePatchFollow.ts
@@ -26,6 +26,10 @@ export const usePatchFollow = (): UseMutationResult<
         queryKey: ['get-following-list'],
         refetchType: 'all',
       });
+      queryClient.invalidateQueries({
+        queryKey: ['get-feed-list', {}],
+        refetchType: 'all',
+      });
       if (userId !== undefined) {
         queryClient.invalidateQueries({
           queryKey: ['get-userProfile', userId],