LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Comments: don't show Expand button if no comments

Browse source 
## Issue
In Medium layout, the Expand/Collapse button would still appear even for 0 comments.

## Approach
Hide the button when comments = 0, but didn't hide the section because the separator line feels useful as a visual guide to mark the sections.
This commit is contained in:
infinite-persistence 2022-04-06 10:53:02 +08:00 committed by Thomas Zarebczan
parent ee03749574
commit 5380bc04f2
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ui/component/commentsList/view.jsx
View file

@ -302,7 +302,7 @@ export default function CommentList(props: Props) {
{!hasDefaultExpansion && ( {!hasDefaultExpansion && (
<div className="card__bottom-actions--comments"> <div className="card__bottom-actions--comments">
{(!expandedComments || moreBelow) && ( {(!expandedComments || moreBelow) && totalComments > 0 && (
<Button <Button
button="link" button="link"
title={!expandedComments ? __('Expand') : __('More')} title={!expandedComments ? __('Expand') : __('More')}
@ -310,7 +310,7 @@ export default function CommentList(props: Props) {
onClick={() => (!expandedComments ? setExpandedComments(true) : setPage(page + 1))} onClick={() => (!expandedComments ? setExpandedComments(true) : setPage(page + 1))}
/> />
)} )}
{expandedComments && ( {expandedComments && totalComments > 0 && (
<Button <Button
button="link" button="link"
title={__('Collapse')} title={__('Collapse')}