Asara/sudoscientist-js-frontend
Archived
1
0
Fork 0
Code Issues Pull requests Activity

Some basic ghetto display stuff

Browse source
This commit is contained in:
Amarpreet Minhas 2020-02-03 19:46:11 -05:00
parent 911fe6ebbc
commit 84f7b6951f
1 changed files with 12 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/Post.js
View file

@ -24,14 +24,19 @@ class Post extends React.Component {
if (comments) { if (comments) {
return comments.map(comment => { return comments.map(comment => {
return ( return (
<div className="item" key={comment.id}> <div key={comment.id}>
<h4><b>Comment by <Link to={"/users/"+ comment.author}>{comment.author}</Link></b></h4> <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="content">
<div className="markdown-body"> <div className="markdown-body">
<ReactMarkdown source={comment.content} /> <ReactMarkdown source={comment.content} />
</div> </div>
</div> </div>
<hr style={{height:2}}></hr> </div>
<br></br>
</div> </div>
); );
}); });
@ -59,7 +64,6 @@ class Post extends React.Component {
} }
</div> </div>
<h3>Comments:</h3> <h3>Comments:</h3>
<hr></hr>
{ this.renderComments(post.comments,post.id) } { this.renderComments(post.comments,post.id) }
</div> </div>
) )