From 100dd519eef73be456dbd4045ef7267771c17aee Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 18 Sep 2017 10:12:28 -0300
Subject: [PATCH] Replacing excludeIf

---
 .../client/components/ModerationActions.js          |  4 ++--
 .../client/containers/BanUserAction.js              | 13 +++++++------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/plugins/talk-plugin-moderation-actions/client/components/ModerationActions.js b/plugins/talk-plugin-moderation-actions/client/components/ModerationActions.js
index cd5986d28..fa12500de 100644
--- a/plugins/talk-plugin-moderation-actions/client/components/ModerationActions.js
+++ b/plugins/talk-plugin-moderation-actions/client/components/ModerationActions.js
@@ -11,7 +11,7 @@ import {Slot} from 'plugin-api/beta/client/components';
 
 export default class ModerationActions extends React.Component {
   render() {
-    const {comment, asset, data, menuVisible, toogleMenu, hideMenu} = this.props;
+    const {comment, root, asset, data, menuVisible, toogleMenu, hideMenu} = this.props;
 
     return(
       <ClickOutside onClickOutside={hideMenu}>
@@ -30,7 +30,7 @@ export default class ModerationActions extends React.Component {
               />
               <ApproveCommentAction comment={comment} hideMenu={hideMenu} />
               <RejectCommentAction comment={comment} hideMenu={hideMenu} />
-              <BanUserAction comment={comment} hideMenu={hideMenu} />
+              <BanUserAction comment={comment} root={root} hideMenu={hideMenu} />
             </Menu>
           )}
         </div>
diff --git a/plugins/talk-plugin-moderation-actions/client/containers/BanUserAction.js b/plugins/talk-plugin-moderation-actions/client/containers/BanUserAction.js
index bc68c4ed9..3452a755a 100644
--- a/plugins/talk-plugin-moderation-actions/client/containers/BanUserAction.js
+++ b/plugins/talk-plugin-moderation-actions/client/containers/BanUserAction.js
@@ -14,10 +14,12 @@ class BanUserActionContainer extends React.Component {
   }
 
   render() {
-    return <BanUserAction 
-      onBanUser={this.onBanUser}
-      comment={this.props.comment}
-    />;
+    const {root: {me}, comment} = this.props;
+    return (me.id !== comment.user.id) ?
+      <BanUserAction 
+        onBanUser={this.onBanUser}
+        comment={this.props.comment}
+      /> : null;
   }
 }
 
@@ -27,8 +29,7 @@ const mapDispatchToProps = (dispatch) =>
   }, dispatch);
 
 const enhance = compose(
-  connect(null, mapDispatchToProps),
-  excludeIf(({root: {me}, comment}) => !me || me.id === comment.user.id),
+  connect(null, mapDispatchToProps)
 );
 
 export default enhance(BanUserActionContainer);