reload and clear selections

client/coral-admin/src/actions/moderation.js

@@ -43,6 +43,8 @@ export const changeUserDetailStatuses = (tab) => {
   return {type: actions.CHANGE_USER_DETAIL_STATUSES, tab, statuses};
 };
 
+export const clearUserDetailSelections = () => ({type: actions.CLEAR_USER_DETAIL_SELECTIONS});
+
 export const toggleSelectCommentInUserDetail = (id, active) => {
   return {
     type: active ? actions.SELECT_USER_DETAIL_COMMENT : actions.UNSELECT_USER_DETAIL_COMMENT,

client/coral-admin/src/constants/moderation.js

@@ -11,3 +11,4 @@ export const SET_SORT_ORDER = 'MODERATION_SET_SORT_ORDER';
 export const CHANGE_USER_DETAIL_STATUSES = 'CHANGE_USER_DETAIL_STATUSES';
 export const SELECT_USER_DETAIL_COMMENT = 'SELECT_USER_DETAIL_COMMENT';
 export const UNSELECT_USER_DETAIL_COMMENT = 'UNSELECT_USER_DETAIL_COMMENT';
+export const CLEAR_USER_DETAIL_SELECTIONS = 'CLEAR_USER_DETAIL_SELECTIONS';

client/coral-admin/src/reducers/moderation.js

@@ -70,6 +70,8 @@ export default function moderation (state = initialState, action) {
     return state
       .set('userDetailId', null)
       .update('userDetailSelectedIds', (set) => set.clear());
+  case actions.CLEAR_USER_DETAIL_SELECTIONS:
+    return state.update('userDetailSelectedIds', (set) => set.clear());
   case actions.CHANGE_USER_DETAIL_STATUSES:
     return state
       .set('userDetailActiveTab', action.tab)

client/coral-admin/src/routes/Moderation/components/UserDetail.js

@@ -39,6 +39,18 @@ export default class UserDetail extends React.Component {
     }
   }
 
+  rejectThenReload = (info) => {
+    this.props.rejectComment(info).then(() => {
+      this.props.data.refetch();
+    });
+  }
+
+  acceptThenReload = (info) => {
+    this.props.acceptComment(info).then(() => {
+      this.props.data.refetch();
+    });
+  }
+
   render () {
     const {
       root: {
@@ -57,8 +69,6 @@ export default class UserDetail extends React.Component {
       bulkSetCommentStatus,
       showBanUserDialog,
       showSuspendUserDialog,
-      acceptComment,
-      rejectComment,
       hideUserDetail
     } = this.props;
     const localProfile = user.profiles.find((p) => p.provider === 'local');
@@ -145,8 +155,8 @@ export default class UserDetail extends React.Component {
                 actions={actionsMap[status]}
                 showBanUserDialog={showBanUserDialog}
                 showSuspendUserDialog={showSuspendUserDialog}
-                acceptComment={acceptComment}
-                rejectComment={rejectComment}
+                acceptComment={this.acceptThenReload}
+                rejectComment={this.rejectThenReload}
                 selected={selected}
                 toggleSelect={toggleSelect}
                 currentAsset={null}

client/coral-admin/src/routes/Moderation/containers/UserDetail.js

@@ -6,7 +6,11 @@ import UserDetail from '../components/UserDetail';
 import withQuery from 'coral-framework/hocs/withQuery';
 import {getSlotsFragments} from 'coral-framework/helpers/plugins';
 import {getDefinitionName} from 'coral-framework/utils';
-import {changeUserDetailStatuses, toggleSelectCommentInUserDetail} from 'coral-admin/src/actions/moderation';
+import {
+  changeUserDetailStatuses,
+  clearUserDetailSelections,
+  toggleSelectCommentInUserDetail
+} from 'coral-admin/src/actions/moderation';
 import {withSetCommentStatus} from 'coral-framework/graphql/mutations';
 import Comment from './Comment';
 
@@ -34,8 +38,13 @@ class UserDetailContainer extends React.Component {
 
   // status can be 'ACCEPTED' or 'REJECTED'
   bulkSetCommentStatus = (status) => {
-    this.props.moderation.userDetailSelectedIds.forEach((commentId) => {
-      this.props.setCommentStatus({commentId, status});
+    const changes = this.props.moderation.userDetailSelectedIds.map((commentId) => {
+      return this.props.setCommentStatus({commentId, status});
+    });
+
+    Promise.all(changes).then(() => {
+      this.props.data.refetch(); // some comments may have moved out of this tab
+      this.props.clearUserDetailSelections(); // un-select everything
     });
   }
 
@@ -93,6 +102,7 @@ const mapStateToProps = (state) => ({
 const mapDispatchToProps = (dispatch) => ({
   ...bindActionCreators({
     changeUserDetailStatuses,
+    clearUserDetailSelections,
     toggleSelectCommentInUserDetail
   }, dispatch)
 });