diff --git a/ui/page/listBlocked/view.jsx b/ui/page/listBlocked/view.jsx index fdfb9554e..e702413d6 100644 --- a/ui/page/listBlocked/view.jsx +++ b/ui/page/listBlocked/view.jsx @@ -102,22 +102,38 @@ function ListBlocked(props: Props) { /> - { - { - return ( -
- - -
- ); - }} - /> - } +
+ {viewMode === VIEW_MUTED + ? __( + '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.' + ) + : __( + "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 ( +
+ {viewMode === VIEW_MUTED ? ( + <> + + + + ) : ( + <> + + + + )} +
+ ); + }} + /> )} diff --git a/ui/scss/init/_gui.scss b/ui/scss/init/_gui.scss index 02d25374c..e082032f7 100644 --- a/ui/scss/init/_gui.scss +++ b/ui/scss/init/_gui.scss @@ -262,6 +262,12 @@ textarea { background-color: var(--color-help-warning-bg); color: var(--color-help-warning-text); 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 {