diff --git a/src/components/postComments/children/commentsSection.tsx b/src/components/postComments/children/commentsSection.tsx index c5aa2597a..12b6f427e 100644 --- a/src/components/postComments/children/commentsSection.tsx +++ b/src/components/postComments/children/commentsSection.tsx @@ -15,12 +15,12 @@ export const CommentsSection = ({ item, index, revealReplies, ...props }) => { const _renderComment = (item, index = 0) => { // animation makes sure there is 100 ms gab between each comment item - const _enteringAnim = SlideInRight.duration(150) - .springify() - .delay(index * 100); + const _enteringAnim = index >= 0 + ? SlideInRight.duration(150).springify().delay(index * 100) + : undefined return ( - + { return ( <> - {_renderComment(item, index)} + {_renderComment(item, -1)} {toggle && item.repliesThread.map((reply, index) => _renderComment(reply, index))} );