decrease opacity of comments of banned users

web/app/components/comment/_pinned/comment_pinned.scss

@@ -1,6 +1,6 @@
 @import 'common/variables';
 
-.comment_marked {
+.comment_pinned {
   &, &.comment_view_admin {
     .comment__username {
       font-weight: 700;

web/app/components/comment/_useless/comment_useless.scss

@@ -0,0 +1,5 @@
+.comment_useless {
+  .comment__body {
+    opacity: .35;
+  }
+}

web/app/components/comment/comment.jsx

@@ -71,28 +71,30 @@ export default class Comment extends Component {
   }
 
   onBlockClick() {
-    const { user: { id } } = this.props.data;
+    const { id, user: { id: userId } } = this.props.data;
 
     this.setState({ userBlocked: true });
 
-    api.blockUser({ id });
+    api.blockUser({ id: userId }).then(() => {
+      api.getComment({ id }).then(comment => store.replaceComment(comment));
+    });
   }
 
   onUnblockClick() {
-    const { user: { id } } = this.props.data;
+    const { id, user: { id: userId } } = this.props.data;
 
     this.setState({ userBlocked: false });
 
-    api.unblockUser({ id });
+    api.unblockUser({ id: userId }).then(() => {
+      api.getComment({ id }).then(comment => store.replaceComment(comment));
+    });
   }
 
   onDeleteClick() {
     const { id } = this.props.data;
 
     api.remove({ id }).then(() => {
-      if (this.props.onDelete) {
-        this.props.onDelete();
-      }
+      api.getComment({ id }).then(comment => store.replaceComment(comment));
     });
   }
 
@@ -156,7 +158,8 @@ export default class Comment extends Component {
     };
 
     const defaultMods = {
-      marked: mods.pinned ? null : pinned,
+      pinned,
+      useless: userBlocked,
       // TODO: add default view mod or don't?
       view: o.user.admin ? 'admin' : null,
     };

web/app/components/comment/index.js

@@ -25,6 +25,8 @@ require('./__vote/_type/_up/comment__vote_type_up.scss');
 
 require('./_level/comment_level.scss');
 
-require('./_marked/comment_marked.scss');
+require('./_pinned/comment_pinned.scss');
+
+require('./_useless/comment_useless.scss');
 
 require('./_view/_admin/comment_view_admin.scss');

web/app/components/root/root.jsx

@@ -67,7 +67,7 @@ export default class Root extends Component {
                   pinnedComments.map(comment => (
                     <Comment
                       data={comment}
-                      mods={{ level: 0, pinned: true }}
+                      mods={{ level: 0 }}
                       mix="root__pinned-comment"
                     />
                   ))