fix: handle post cache

Author: winverse

src/components/common/FollowButton.tsx

@@ -8,16 +8,17 @@ import { gql } from 'apollo-boost';
 import useUser from '../../lib/hooks/useUser';
 import { toast } from 'react-toastify';
 import { themedPalette } from '../../lib/styles/themes';
-import palette from '../../lib/styles/palette';
 
 export interface PostFollowButtonProps {
   followingUserId: string;
   followed: boolean | undefined;
+  postId: string;
 }
 
 const FollowButton: React.FC<PostFollowButtonProps> = ({
   followingUserId,
   followed,
+  postId,
 }) => {
   const client = useApolloClient();
   const currentUser = useUser();
@@ -51,6 +52,7 @@ const FollowButton: React.FC<PostFollowButtonProps> = ({
 
     const variables = {
       following_user_id: followingUserId,
+      post_id: postId,
     };
 
     const followFragment = gql`

src/containers/post/PostViewer.tsx

@@ -429,6 +429,7 @@ const PostViewer: React.FC<PostViewerProps> = ({
           <FollowButton
             followed={post.user.is_followed}
             followingUserId={post.user.id}
+            postId={post.id}
           />
         }
       />
@@ -446,6 +447,7 @@ const PostViewer: React.FC<PostViewerProps> = ({
             <FollowButton
               followed={post.user.is_followed}
               followingUserId={post.user.id}
+              postId={post.id}
             />
           }
         />

src/lib/graphql/user.ts

@@ -184,14 +184,18 @@ export const CONFIRM_CHANGE_EMAIL = gql`
 `;
 
 export const FOLLOW_USER = gql`
-  mutation Follow($following_user_id: ID!) {
-    follow(following_user_id: $following_user_id)
+  mutation Follow($following_user_id: ID!, $post_id: ID!) {
+    follow(following_user_id: $following_user_id, post_id: $post_id) {
+      id
+    }
   }
 `;
 
 export const UNFOLLOW_USER = gql`
-  mutation Unfollow($following_user_id: ID!) {
-    unfollow(following_user_id: $following_user_id)
+  mutation Unfollow($following_user_id: ID!, $post_id: ID!) {
+    unfollow(following_user_id: $following_user_id, post_id: $post_id) {
+      id
+    }
   }
 `;
 

src/pages/velog/UserPage.tsx

@@ -21,7 +21,7 @@ const UserPage: React.FC<UserPageProps> = ({ match, location }) => {
   useEffect(() => {
     window.location.href = `${process.env
       .REACT_APP_CLIENT_V3_HOST!}/@${username}/posts`;
-  }, []);
+  }, [username]);
 
   return (
     <UserPageBlock>