tanner/qotnews
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

Snip deeply nested comments

Browse Source
This commit is contained in:
Tanner Collin 2019-08-26 01:37:50 +00:00
parent fc8ce79e33
commit 10d4ec863e
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
webclient/src/Article.js
View File

@ -62,7 +62,7 @@ class Article extends React.Component {
:
<p>loading...</p>
}
<ToggleDot id={id} />
<ToggleDot id={id} article={false} />
</div>
}
</div>

12
webclient/src/Comments.js
View File

@ -33,16 +33,20 @@ class Article extends React.Component {
);
}
displayComment(c, level) {
displayComment(story, c, level) {
return (
<div className={level ? 'comment lined' : 'comment'}>
<div className='info'>
<p>{c.author || '[Deleted]'} | {moment.unix(c.date).fromNow()}</p>
<p>{c.author === story.author ? '[OP]' : ''} {c.author || '[Deleted]'} | {moment.unix(c.date).fromNow()}</p>
</div>
<div className='text' dangerouslySetInnerHTML={{ __html: c.text }} />
{c.comments.map(i => this.displayComment(i, level + 1))}
{level < 6 ?
c.comments.map(i => this.displayComment(story, i, level + 1))
:
<div className='info'><p>[replies snipped]</p></div>
}
</div>
);
}
@ -69,7 +73,7 @@ class Article extends React.Component {
{infoLine(story)}
<div className='comments'>
{story.comments.map(c => this.displayComment(c, 0))}
{story.comments.map(c => this.displayComment(story, c, 0))}
</div>
</div>
: