From 1726a3e8eb8c4020276e591156d9eed332b5b890 Mon Sep 17 00:00:00 2001
From: nex1994 <bilicki1994@gmail.com>
Date: Wed, 8 Jan 2025 19:18:34 +0100
Subject: [PATCH] check if post.comment !== undefined

---
 src/components/CommentInfo/CommentInfo.tsx | 10 +++++-----
 src/components/PostInfo/PostInfo.tsx       |  3 ++-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/CommentInfo/CommentInfo.tsx b/src/components/CommentInfo/CommentInfo.tsx
index 979e73765..101b52b40 100644
--- a/src/components/CommentInfo/CommentInfo.tsx
+++ b/src/components/CommentInfo/CommentInfo.tsx
@@ -2,23 +2,23 @@ import React from 'react';
 import { Comment } from '../../types/Comments';
 
 type Props = {
-  comment: Comment | null;
+  comment: Comment;
 };
 
 export const CommentInfo: React.FC<Props> = ({ comment }) => {
   return (
     <div className="CommentInfo">
       <div className="CommentInfo__title">
-        <strong className="CommentInfo__name">{comment?.name}</strong>
+        <strong className="CommentInfo__name">{comment.name}</strong>
 
         {' by '}
 
-        <a className="CommentInfo__email" href={`mailto:${comment?.email}`}>
-          {comment?.email}
+        <a className="CommentInfo__email" href={`mailto:${comment.email}`}>
+          {comment.email}
         </a>
       </div>
 
-      <div className="CommentInfo__body">{comment?.body}</div>
+      <div className="CommentInfo__body">{comment.body}</div>
     </div>
   );
 };
diff --git a/src/components/PostInfo/PostInfo.tsx b/src/components/PostInfo/PostInfo.tsx
index eabf4afd0..0f125721b 100644
--- a/src/components/PostInfo/PostInfo.tsx
+++ b/src/components/PostInfo/PostInfo.tsx
@@ -18,13 +18,14 @@ export const PostInfo: React.FC<Props> = ({ post }) => {
           <UserInfo user={post.user} />
         </p>
       </div>
-
       <p className="PostInfo__body">{post.body}</p>
+      <hr />
       {post.comment !== undefined && post.comment.length > 0 ? (
         <CommentList comments={post.comment} />
       ) : (
         <b data-cy="NoCommentsMessage">No comments yet</b>
       )}
+      ;
     </div>
   );
 };