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> <p>loading...</p>
} }
<ToggleDot id={id} /> <ToggleDot id={id} article={false} />
</div> </div>
} }
</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 ( return (
<div className={level ? 'comment lined' : 'comment'}> <div className={level ? 'comment lined' : 'comment'}>
<div className='info'> <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>
<div className='text' dangerouslySetInnerHTML={{ __html: c.text }} /> <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> </div>
); );
} }
@ -69,7 +73,7 @@ class Article extends React.Component {
{infoLine(story)} {infoLine(story)}
<div className='comments'> <div className='comments'>
{story.comments.map(c => this.displayComment(c, 0))} {story.comments.map(c => this.displayComment(story, c, 0))}
</div> </div>
</div> </div>
: :