add username to list of blocked users

2018-03-26 00:26:36 +03:00
parent e67cd70676
commit 224a668d02
3 changed files with 7 additions and 1 deletions
@@ -0,0 +1,3 @@
+.blocked-users__user-id {
+  color: #888;
+}
@@ -57,7 +57,9 @@ export default class BlockedUsers extends Component {

                  return (
                    <li className={b('blocked-users__list-item', {}, { view: isUserUnblocked ? 'invisible' : null })}>
-                      <span className="blocked-users__username">{user.id}</span>
+                      <span className="blocked-users__username">{user.name}</span>
+                      {' '}
+                      <span className="blocked-users__user-id">({user.id})</span>

                      {
                        isUserUnblocked && (
@@ -8,4 +8,5 @@ require('./__list/blocked-users__list.scss');
 require('./__list-item/blocked-users__list-item.scss');
 require('./__list-item/_view/_invisible/blocked-users__list-item_view_invisible.scss');

+require('./__user-id/blocked-users__user-id.scss');
 require('./__username/blocked-users__username.scss');