Addressing CSRF and user status issues.

client/coral-admin/src/components/BanUserDialog.js

@@ -35,7 +35,7 @@ const BanUserDialog = ({open, handleClose, onClickBanUser, user = {}}) => (
         <Button cStyle="cancel" className={styles.cancel} onClick={() => handleClose()} full>
           {lang.t('bandialog.cancel')}
         </Button>
-        <Button cStyle="black" onClick={() => onClickBanUser(user.userId, user.commentId)} full>
+        <Button cStyle="black" onClick={() => onClickBanUser('banned', user.userId, user.commentId)} full>
           {lang.t('bandialog.yes_ban_user')}
         </Button>
       </div>

client/coral-admin/src/components/Comment.js

@@ -55,7 +55,7 @@ const Comment = props => {
 
 // Get the button of the action performed over a comment if any
 const getActionButton = (option, i, props) => {
-  const {comment, author, menuOptionsMap, action} = props;
+  const {comment, author, menuOptionsMap} = props;
   const status = comment.status;
   const flagged = comment.flagged;
   const banned = (author.status === 'banned');
@@ -83,7 +83,7 @@ const getActionButton = (option, i, props) => {
       cStyle={option}
       icon={menuOption.icon}
       key={i}
-      onClick={() => props.onClickAction(menuOption.status, comment, action)}
+      onClick={() => props.onClickAction(menuOption.status, comment, {item_type: 'comment'})}
     />
   );
 };

client/coral-admin/src/components/ModerationList.js

@@ -137,8 +137,8 @@ export default class ModerationList extends React.Component {
       // If a user bio or name is rejected, bring up a dialog before suspending them.
       if (menuOption === 'rejected') {
         this.setState({suspendUserModal: action});
-      } else {
-        this.props.userStatusUpdate(menuOption, action.item_id);
+      } else if (menuOption === 'accepted') {
+        this.props.userStatusUpdate('active', action.item_id);
       }
     }
   }

client/coral-admin/src/components/UserAction.js

@@ -18,7 +18,9 @@ const UserAction = props => {
   let userStatus = user.status;
   const links = user.settings.bio ? linkify.getMatches(user.settings.bio) : [];
 
-  return (
+  //Do not display if the user status is 'active'. This means that they have already been reviewed and approved.
+
+  return userStatus !== 'active' &&
     <li tabIndex={props.index} className={`${styles.listItem} ${props.isActive && !props.hideActive ? styles.activeItem : ''}`}>
       <div className={styles.itemHeader}>
         <div className={styles.author}>
@@ -55,8 +57,7 @@ const UserAction = props => {
       <div className={styles.flagCount}>
         {`${action.count} ${action.action_type === 'flag_bio' ? lang.t('user.bio_flags') : lang.t('user.username_flags')}`}
       </div>
-    </li>
-  );
+    </li>;
 };
 
 export default UserAction;
@@ -71,17 +72,14 @@ const getActionButton = (option, i, props) => {
     return null;
   }
   if (option === 'ban') {
-    return (
-      <Button
+    return <Button
         className='ban'
         cStyle='black'
         disabled={banned ? 'disabled' : ''}
         onClick={() => onClickShowBanDialog(user.id, user.displayName)}
-        key={i}
-      >
+        key={i}>
         {lang.t('comment.ban_user')}
-      </Button>
-    );
+      </Button>;
   }
   const menuOption = menuOptionsMap[option];
   return (