Hide comment thread-line when no replies

No replies when:
- haven't fetched yet
- replies blocked/muted

It's being displayed as a dot in these scenarios.
This commit is contained in:
infinite-persistence 2022-03-05 21:32:14 +08:00 committed by Thomas Zarebczan
parent b5bd36839e
commit 1e7c9ab030

View file

@ -48,7 +48,9 @@ export default function CommentsReplies(props: Props) {
</div> </div>
) : ( ) : (
<div className="comment__replies"> <div className="comment__replies">
<Button className="comment__threadline" aria-label="Hide Replies" onClick={() => setExpanded(false)} /> {fetchedReplies.length > 0 && (
<Button className="comment__threadline" aria-label="Hide Replies" onClick={() => setExpanded(false)} />
)}
<ul className="comments--replies"> <ul className="comments--replies">
{fetchedReplies.map((comment) => ( {fetchedReplies.map((comment) => (