From a3d83efd7de3fd30911c139ba3038883d6b6b50c Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Sun, 3 Dec 2017 15:01:06 -0300
Subject: [PATCH] Styling and functionality

---
 .../coral-admin/src/components/UserDetail.css   |  8 ++++++++
 client/coral-admin/src/components/UserDetail.js | 17 +++++++++--------
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/client/coral-admin/src/components/UserDetail.css b/client/coral-admin/src/components/UserDetail.css
index 8b86a133c..e62f584c4 100644
--- a/client/coral-admin/src/components/UserDetail.css
+++ b/client/coral-admin/src/components/UserDetail.css
@@ -163,4 +163,12 @@
   &.selected {
     background-color: #efefef;
   }
+}
+
+.username {
+  display: inline-block;
+}
+
+.actionsMenu {
+  display: inline-block;
 }
\ No newline at end of file
diff --git a/client/coral-admin/src/components/UserDetail.js b/client/coral-admin/src/components/UserDetail.js
index c43d39ac7..49543a534 100644
--- a/client/coral-admin/src/components/UserDetail.js
+++ b/client/coral-admin/src/components/UserDetail.js
@@ -71,13 +71,13 @@ class UserDetail extends React.Component {
   }
 
   showSuspenUserDialog = () => this.props.showSuspendUserDialog({
-    userId: this.props.user.id,
-    username: this.props.user.username,
+    userId: this.props.root.user.id,
+    username: this.props.root.user.username,
   });
 
   showBanUserDialog = () => this.props.showBanUserDialog({
-    userId: this.props.user.id,
-    username: this.props.user.username,
+    userId: this.props.root.user.id,
+    username: this.props.root.user.username,
   });
 
   renderLoading() {
@@ -119,10 +119,12 @@ class UserDetail extends React.Component {
     return (
       <ClickOutside onClickOutside={hideUserDetail}>
         <Drawer onClose={hideUserDetail}>
-          <h3>{user.username}</h3>
+          <h3 className={cn(styles.username, 'talk-admin-user-detail-username')}>
+            {user.username}
+          </h3>
 
-          {user.id !== user.id &&
-            <ActionsMenu icon="not_interested">
+          {user.id &&
+            <ActionsMenu icon="not_interested" className={cn(styles.actionsMenu, 'talk-admin-user-detail-actions-menu')}>
               <ActionsMenuItem
                 disabled={user.status === 'BANNED'}
                 onClick={this.showSuspenUserDialog}>
@@ -251,7 +253,6 @@ class UserDetail extends React.Component {
 }
 
 UserDetail.propTypes = {
-  user: PropTypes.object.isRequired,
   hideUserDetail: PropTypes.func.isRequired,
   root: PropTypes.object.isRequired,
   acceptComment: PropTypes.func.isRequired,