Icon, translations

plugins/talk-plugin-moderation-actions/client/components/BanUserAction.js

@@ -4,10 +4,11 @@ import {t} from 'plugin-api/beta/client/services';
 import {Icon} from 'plugin-api/beta/client/components/ui';
 import cn from 'classnames';
 
-export default ({banUser, comment: {}}) => (
+export default ({banUser}) => (
   <button 
     className={cn(styles.button, 'talk-plugin-moderation-actions-reject')}
     onClick={banUser} >
-    Ban User
+    <Icon name="block" className={styles.icon} />
+    {t('talk-plugin-moderation-actions.ban_user')}
   </button>
 );

plugins/talk-plugin-moderation-actions/client/containers/ModerationActions.js

@@ -42,7 +42,6 @@ class ModerationActionsContainer extends React.Component {
   }
 
   render() {
-    console.log(this.props.root, this.props.comment)
     return <ModerationActions
       data={this.props.data}
       root={this.props.root}

plugins/talk-plugin-moderation-actions/client/translations.yml

@@ -4,9 +4,11 @@ en:
     approve_comment: "Approve"
     approved_comment: "Approved"
     moderation_actions: "Moderation Actions"
+    ban_user: "Ban User"
 es:
   talk-plugin-moderation-actions:
     reject_comment: "Rechazar"
     approve_comment: "Aprobar"
     approved_comment: "Aprobado"
-    moderation_actions: "Acciones de Moderación"
+    moderation_actions: "Acciones de Moderación"
+    ban_user: "Bannear usuario"