더북(TheBook)

ArticleView에서 이 컴포넌트를 보여줘야 하는데, 이 컴포넌트는 현재 읽고 있는 게시글이 자신이 작성한 게시글일 때만 보입니다. 이 조건을 확인하기 위해 ArticleScreen에서 현재 사용자 정보와 게시글 정보를 비교하고, 또 ArticleActionButtonsarticleId를 설정할 수 있도록 id 값도 Props로 넣어주세요.

screens/ArticleScreen.tsx

(...)
import {useUserState} from '../contexts/UserContext';

type ArticleScreenRouteProp = RouteProp<RootStackParamList, 'Article'>;

function ArticleScreen() {
  const {params} = useRoute<ArticleScreenRouteProp>();
  const {id} = params;
  const [currentUser] = useUserState();

  (...)

  const {title, body, published_at, user} = articleQuery.data;
  const isMyArticle = currentUser?.id === user.id;

  return (
    <FlatList
      (...)
      ListHeaderComponent={
        <ArticleView
          title={title}
          body={body}
          publishedAt={published_at}
          username={user.username}
          id={id}
          isMyArticle={isMyArticle}
        />
      }
    />
  );
}

(...)
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.