Some basic ghetto display stuff
This commit is contained in:
parent
911fe6ebbc
commit
84f7b6951f
1 changed files with 12 additions and 8 deletions
|
@ -24,14 +24,19 @@ class Post extends React.Component {
|
|||
if (comments) {
|
||||
return comments.map(comment => {
|
||||
return (
|
||||
<div className="item" key={comment.id}>
|
||||
<h4><b>Comment by <Link to={"/users/"+ comment.author}>{comment.author}</Link></b></h4>
|
||||
<div key={comment.id}>
|
||||
<div className="item" style={{border: '1px solid', borderColor: '#DADADA', borderRadius: '5px'}}>
|
||||
<h5><b>Comment by <Link to={"/users/"+ comment.author}>{comment.author}</Link></b><br></br>
|
||||
Posted: {comment.time_published}
|
||||
</h5>
|
||||
<hr></hr>
|
||||
<div className="content">
|
||||
<div className="markdown-body">
|
||||
<ReactMarkdown source={comment.content} />
|
||||
</div>
|
||||
</div>
|
||||
<hr style={{height:2}}></hr>
|
||||
</div>
|
||||
<br></br>
|
||||
</div>
|
||||
);
|
||||
});
|
||||
|
@ -59,7 +64,6 @@ class Post extends React.Component {
|
|||
}
|
||||
</div>
|
||||
<h3>Comments:</h3>
|
||||
<hr></hr>
|
||||
{ this.renderComments(post.comments,post.id) }
|
||||
</div>
|
||||
)
|
||||
|
|
Reference in a new issue