editComment returns status of comment after edit. UI shows appropriate notifications if PREMOD or REJECTED

client/coral-embed-stream/src/EditableCommentContent.js

@@ -1,5 +1,5 @@
 import React, {PropTypes} from 'react';
-import {CommentForm} from 'coral-plugin-commentbox/CommentBox';
+import {notifyForNewCommentStatus, CommentForm} from 'coral-plugin-commentbox/CommentBox';
 import styles from './Comment.css';
 
 import {Icon} from 'coral-ui';
@@ -94,6 +94,10 @@ export class EditableCommentContent extends React.Component {
         throw error;
       }
     }
+    if (successfullyEdited) {
+      const status = response.data.editComment.comment.status;
+      notifyForNewCommentStatus(this.props.addNotification, status);
+    }
     if (successfullyEdited && typeof stopEditing === 'function') {
       stopEditing();
     }

client/coral-framework/graphql/mutations/editComment.graphql

@@ -1,5 +1,8 @@
 mutation editComment ($id: ID!, $edit: EditCommentInput) {
   editComment(id:$id, edit:$edit) {
+    comment {
+      status
+    }
     errors {
       translation_key
     }

client/coral-plugin-commentbox/CommentBox.js

@@ -8,6 +8,16 @@ import classnames from 'classnames';
 
 const name = 'coral-plugin-commentbox';
 
+// Given a newly posted comment's status, show a notification to the user
+// if needed
+export const notifyForNewCommentStatus = (addNotification, status) => {
+  if (status === 'REJECTED') {
+    addNotification('error', lang.t('comment-post-banned-word'));
+  } else if (status === 'PREMOD') {
+    addNotification('success', lang.t('comment-post-notif-premod'));
+  }
+};
+
 /**
  * Common UI for Creating or Editing a Comment
  */
@@ -189,11 +199,11 @@ class CommentBox extends Component {
         // Execute postSubmit Hooks
         this.state.hooks.postSubmit.forEach(hook => hook(data));
 
+        notifyForNewCommentStatus(addNotification, postedComment.status);
+
         if (postedComment.status === 'REJECTED') {
-          addNotification('error', lang.t('comment-post-banned-word'));
           !isReply && updateCountCache(assetId, countCache);
         } else if (postedComment.status === 'PREMOD') {
-          addNotification('success', lang.t('comment-post-notif-premod'));
           !isReply && updateCountCache(assetId, countCache);
         }
 

graph/mutators/comment.js

@@ -259,6 +259,7 @@ const editComment = async ({user, loaders: {Comments}}, {id, edit}) => {
       throw error;
     }
   }
+  return {status};
 };
 
 module.exports = (context) => {

graph/resolvers/root_mutation.js

@@ -6,7 +6,7 @@ const RootMutation = {
     return wrapResponse('comment')(Comment.create(comment));
   },
   editComment(_, args, {mutators: {Comment}}) {
-    return wrapResponse(null)(Comment.editComment(args));
+    return wrapResponse('comment')(Comment.editComment(args));
   },
   createLike(_, {like: {item_id, item_type}}, {mutators: {Action}}) {
     return wrapResponse('like')(Action.create({item_id, item_type, action_type: 'LIKE'}));

graph/typeDefs.graphql

@@ -794,7 +794,13 @@ input EditCommentInput {
   body: String!
 }
 
+type CommentInfoAfterEdit {
+  # New status of the edited comment
+  status: COMMENT_STATUS!
+}
+
 type EditCommentResponse implements Response {
+  comment: CommentInfoAfterEdit!
   # An array of errors relating to the mutation that occured.
   errors: [UserError]  
 }