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

add info message for blocked/muted characteristics

Browse source
This commit is contained in:
Sean Yesmunt 2021-02-25 15:31:05 -05:00
parent 3e23aacaff
commit 8467db568f
2 changed files with 38 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
ui/page/listBlocked/view.jsx
View file

@ -102,22 +102,38 @@ function ListBlocked(props: Props) {
/> />
</div> </div>
</div> </div>
{ <div className="help--notice">
<ClaimList {viewMode === VIEW_MUTED
uris={viewMode === VIEW_MUTED ? localMutedList : localBlockedList} ? __(
showUnresolvedClaims 'Muted channels will be invisible to you in the app. They will not know they are muted and can still interact with you and your content.'
showHiddenByUser )
hideMenu : __(
renderActions={(claim) => { "Blocked channels will be invisible to you in the app. They will not be able to comment on your content, or reply to you comments left on other channels' content."
return ( )}
<div className="section__actions"> </div>
<ChannelBlockButton uri={claim.permanent_url} /> <ClaimList
<ChannelMuteButton uri={claim.permanent_url} /> uris={viewMode === VIEW_MUTED ? localMutedList : localBlockedList}
</div> showUnresolvedClaims
); showHiddenByUser
}} hideMenu
/> renderActions={(claim) => {
} return (
<div className="section__actions">
{viewMode === VIEW_MUTED ? (
<>
<ChannelMuteButton uri={claim.permanent_url} />
<ChannelBlockButton uri={claim.permanent_url} />
</>
) : (
<>
<ChannelBlockButton uri={claim.permanent_url} />
<ChannelMuteButton uri={claim.permanent_url} />
</>
)}
</div>
);
}}
/>
</> </>
)} )}
</Page> </Page>

6
ui/scss/init/_gui.scss
View file

@ -262,6 +262,12 @@ textarea {
background-color: var(--color-help-warning-bg); background-color: var(--color-help-warning-bg);
color: var(--color-help-warning-text); color: var(--color-help-warning-text);
margin-bottom: var(--spacing-s); margin-bottom: var(--spacing-s);
border: 1px solid var(--color-border);
}
.help--notice {
@extend .help--warning;
background-color: var(--color-card-background-highlighted);
} }
.help--inline { .help--inline {