check if post.comment !== undefined

mate-academy · Jan 8, 2025 · 406c92c · 406c92c
1 parent 1726a3e
commit 406c92c
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -27,7 +27,7 @@ function getComment(postId: number): Comment[] {
 const posts: Post[] = postsFromServer.map(post => ({
   ...post,
   user: getUser(post.userId),
-  comment: getComment(post.id),
+  comments: getComment(post.id),
 }));
 
 export const App: React.FC = () => (

diff --git a/src/components/PostInfo/PostInfo.tsx b/src/components/PostInfo/PostInfo.tsx
@@ -20,8 +20,8 @@ export const PostInfo: React.FC<Props> = ({ post }) => {
       </div>
       <p className="PostInfo__body">{post.body}</p>
       <hr />
-      {post.comment !== undefined && post.comment.length > 0 ? (
-        <CommentList comments={post.comment} />
+      {post.comments !== undefined && post.comments.length > 0 ? (
+        <CommentList comments={post.comments} />
       ) : (
         <b data-cy="NoCommentsMessage">No comments yet</b>
       )}

diff --git a/src/types/Post.ts b/src/types/Post.ts
@@ -6,6 +6,6 @@ export interface Post {
   id: number;
   title: string;
   body: string;
-  comment: Comment[];
+  comments: Comment[];
   user: User | null;
 }