From 3b7d26154eb5539fa8144aabb17964b2f61a2fc7 Mon Sep 17 00:00:00 2001
From: James Morris <moreofmorris@users.noreply.github.com>
Date: Thu, 11 Aug 2022 15:35:04 +0100
Subject: [PATCH] Added in the comment border line when replying with no
 replies

refs https://github.com/TryGhost/Team/issues/1779
---
 apps/comments-ui/src/components/Comment.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/comments-ui/src/components/Comment.js b/apps/comments-ui/src/components/Comment.js
index d785a3bf13..d141c36435 100644
--- a/apps/comments-ui/src/components/Comment.js
+++ b/apps/comments-ui/src/components/Comment.js
@@ -94,7 +94,7 @@ const Comment = ({updateIsEditing = null, isEditing, ...props}) => {
                         <div className="flex-0 mb-4">
                             <Avatar comment={comment} saturation={avatarSaturation} isBlank={isNotPublished} />
                         </div>
-                        {!props.isReply && hasReplies && <div className="w-[3px] h-full mb-2 bg-gradient-to-b from-neutral-100 via-neutral-100 to-transparent dark:from-[rgba(255,255,255,0.05)] dark:via-[rgba(255,255,255,0.05)] grow rounded" />}
+                        {(!props.isReply && hasReplies || isInReplyMode) && <div className="w-[3px] h-full mb-2 bg-gradient-to-b from-neutral-100 via-neutral-100 to-transparent dark:from-[rgba(255,255,255,0.05)] dark:via-[rgba(255,255,255,0.05)] grow rounded" />}
                     </div>
                     <div className="grow">
                         <div className="flex items-start -mt-[3px] mb-2">
@@ -124,9 +124,9 @@ const Comment = ({updateIsEditing = null, isEditing, ...props}) => {
 
                         {!isNotPublished && (
                             <div className="flex gap-5 items-center">
-                                {!isNotPublished && <Like comment={comment} />}
-                                {!isNotPublished && (canReply && (isNotPublished || !props.parent) && <Reply comment={comment} toggleReply={toggleReplyMode} isReplying={isInReplyMode} />)}
-                                {!isNotPublished && <More comment={comment} toggleEdit={toggleEditMode} />}
+                                {<Like comment={comment} />}
+                                {(canReply && (isNotPublished || !props.parent) && <Reply comment={comment} toggleReply={toggleReplyMode} isReplying={isInReplyMode} />)}
+                                {<More comment={comment} toggleEdit={toggleEditMode} />}
                             </div>
                         )}