fixed comment list

mate-academy · Mar 4, 2025 · 4c4b381 · 4c4b381
1 parent ff182dd
commit 4c4b381
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 12 deletions.
diff --git a/src/components/CommentList/CommentList.jsx b/src/components/CommentList/CommentList.jsx
@@ -1,14 +1,10 @@
 import './CommentList.scss';
 import { CommentInfo } from '../CommentInfo/index';
 
-export const CommentList = ({ comments }) => {
-  return comments.length === 0 ? (
-    <b data-cy="NoCommentsMessage">No comments yet</b>
-  ) : (
-    <div className="CommentList">
-      {comments.map(comment => (
-        <CommentInfo comment={comment} key={comment.id} />
-      ))}
-    </div>
-  );
-};
+export const CommentList = ({ comments }) => (
+  <div className="CommentList">
+    {comments.map(comment => (
+      <CommentInfo comment={comment} key={comment.id} />
+    ))}
+  </div>
+);
diff --git a/src/components/PostInfo/PostInfo.jsx b/src/components/PostInfo/PostInfo.jsx
@@ -17,7 +17,15 @@ export const PostInfo = ({ post }) => {
       </div>
 
       <p className="PostInfo__body">{body}</p>
-      <CommentList comments={comments} />
+
+      {comments.length === 0 ? (
+        <>
+          <hr />
+          <b data-cy="NoCommentsMessage">No comments yet</b>
+        </>
+      ) : (
+        <CommentList comments={comments} />
+      )}
     </div>
   );
 };