Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-06 22:40:14 -05:00
Code Issues Activity

Indented replies

Browse source
This commit is contained in:
James Morris 2022-07-06 17:55:09 +02:00
parent 84972865f9
commit bb4957ba75
2 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
apps/comments-ui/src/components/Comment.js
View file

@ -56,7 +56,7 @@ class Comment extends React.Component {
);
} else {
return (
<div className="flex mb-10">
<div className="flex flex-col mb-2">
<div>
<div className="flex mb-2 space-x-4 justify-start items-center">
<Avatar comment={comment} />
@ -71,16 +71,18 @@ class Comment extends React.Component {
<div className="ml-14 flex gap-5">
<Like comment={comment} />
{comment.replies && comment.replies.length > 0 && <Replies replies={comment.replies} />}
{/* <Reply comment={comment} /> */}
<More comment={comment} show={this.hasMoreContextMenu} toggleEdit={this.toggleEditMode} />
</div>
</div>
<div className="ml-14 mt-8">
{comment.replies && comment.replies.length > 0 && <Replies replies={comment.replies} />}
</div>
</div>
);
}
}
}
export default Comment;
export default Comment;

2
apps/comments-ui/src/components/Replies.js
View file

@ -3,7 +3,7 @@ import Comment from './Comment';
const Replies = (props) => {
return (
<div>
{console.log(props.replies)}
{/* {console.log(props.replies)} */}
{props.replies.map((reply => <Comment comment={reply} key={reply.id} />))}
</div>
);