Merge pull request #471 from velopert/feat/postcard

feat: change card writer name

Author: velopert

src/components/common/FlatPostCard.tsx

@@ -170,7 +170,7 @@ const FlatPostCard = ({ post, hideUser }: PostCardProps) => {
             />
           </VLink>
           <div className="username">
-            <VLink to={`${velogUrl}`}>{post.user.username}</VLink>
+            <VLink to={`${velogUrl}`}>{post.user.profile.display_name}</VLink>
           </div>
         </div>
       )}

src/components/common/PostCard.tsx

@@ -83,7 +83,7 @@ function PostCard({ post, forHome, forPost }: PostCardProps) {
             alt={`user thumbnail of ${post.user.username}`}
           />
           <span>
-            by <b>{post.user.username}</b>
+            by <b>{post.user.profile.display_name}</b>
           </span>
         </VLink>
         <div className="likes">

src/components/post/PostCommentItem.tsx

@@ -180,7 +180,7 @@ const PostCommentItem: React.FC<PostCommentItemProps> = ({
           <div className="comment-info">
             <div className="username">
               {user ? (
-                <VLink to={velogLink}>{user.username}</VLink>
+                <VLink to={velogLink}>{user.profile.display_name}</VLink>
               ) : (
                 '알 수 없음'
               )}

src/containers/post/RelatedPost.tsx

@@ -48,14 +48,14 @@ function RelatedPost({
     return cloned;
   }, [data, showAds, adBlocked]);
 
-  if (!postWithAds) return null;
+  // if (!postWithAds) return null;
 
   return (
     <>
       <Background>
         <Title>관심 있을 만한 포스트</Title>
         <Wrapper>
-          <PostCardGrid posts={postWithAds} forPost />
+          <PostCardGrid posts={postWithAds || []} forPost />
         </Wrapper>
       </Background>
       <PullUp />

src/lib/graphql/__data__/post.data.ts

@@ -52,6 +52,7 @@ export const postData: { post: SinglePost } = {
             id: '500d0300-c630-11e8-a920-d3b6c9399aff',
             thumbnail:
               'https://images.velog.io/images/dever/profile/497f3750-0cc7-11e9-b291-5fc487ce9c76/JS.png',
+            display_name: 'dever',
           },
         },
         text: 'velog에서는 redux를 사용하셨나요 아니면 Mobx를 사용하셨나요??',

src/lib/graphql/post.ts

@@ -31,6 +31,7 @@ export interface Comment {
     profile: {
       id: string;
       thumbnail: string | null;
+      display_name: string;
     };
   } | null;
   text: string | null;
@@ -165,6 +166,7 @@ export const GET_POST_LIST = gql`
         profile {
           id
           thumbnail
+          display_name
         }
       }
       url_slug
@@ -191,6 +193,7 @@ export const GET_RECENT_POSTS = gql`
         profile {
           id
           thumbnail
+          display_name
         }
       }
       url_slug
@@ -218,6 +221,7 @@ export const GET_TRENDING_POSTS = gql`
         profile {
           id
           thumbnail
+          display_name
         }
       }
       url_slug
@@ -275,6 +279,7 @@ export const READ_POST = gql`
           profile {
             id
             thumbnail
+            display_name
           }
         }
         text
@@ -365,6 +370,7 @@ export const GET_RECOMMENDED_POST = gql`
           profile {
             id
             thumbnail
+            display_name
           }
         }
         url_slug
@@ -429,6 +435,7 @@ export const RELOAD_COMMENTS = gql`
           profile {
             id
             thumbnail
+            display_name
           }
         }
         text
@@ -450,6 +457,7 @@ export const GET_COMMENT = gql`
         username
         profile {
           thumbnail
+          display_name
         }
       }
       text
@@ -473,6 +481,7 @@ export const GET_REPLIES = gql`
           profile {
             id
             thumbnail
+            display_name
           }
         }
         text
@@ -614,6 +623,7 @@ export const EDIT_POST = gql`
           profile {
             id
             thumbnail
+            dispay_name
           }
         }
         text
@@ -658,6 +668,7 @@ export const WRITE_COMMENT = gql`
         profile {
           id
           thumbnail
+          display_name
         }
       }
       text
@@ -722,6 +733,7 @@ export const SEARCH_POSTS = gql`
           profile {
             id
             thumbnail
+            display_name
           }
         }
         url_slug
@@ -793,6 +805,7 @@ export const GET_READING_LIST = gql`
         profile {
           id
           thumbnail
+          display_name
         }
       }
       url_slug