diff --git a/src/components/Thread.jsx b/src/components/Thread.jsx index abf82502..c3e1b498 100644 --- a/src/components/Thread.jsx +++ b/src/components/Thread.jsx @@ -184,10 +184,12 @@ const Thread = ({ setBodyStyle }) => { } return [comment]; }).flat(); - return renderedComments; + + const sortedComments = renderedComments.sort((a, b) => a.timestamp - b.timestamp); + return sortedComments; } - + return ( diff --git a/src/utils/renderComments.js b/src/utils/renderComments.js index bef1cce6..4f99e185 100644 --- a/src/utils/renderComments.js +++ b/src/utils/renderComments.js @@ -22,6 +22,7 @@ function renderComments(comments) { }; const renderedComments = comments.flatMap(renderComment); + renderedComments.sort((a, b) => a.timestamp - b.timestamp); return { renderedComments, omittedCount }; }