IssueNotesRefactor: Listen main issue action and update note form buttons.

app/assets/javascripts/issue.js

@@ -66,12 +66,11 @@ class Issue {
         const projectIssuesCounter = $('.issue_counter');
 
         if ('id' in data) {
-          $(document).trigger('issuable:change');
-
           const isClosed = $button.hasClass('btn-close');
           isClosedBadge.toggleClass('hidden', !isClosed);
           isOpenBadge.toggleClass('hidden', isClosed);
 
+          $(document).trigger('issuable:change', isClosed);
           this.toggleCloseReopenButton(isClosed);
 
           let numProjectIssues = Number(projectIssuesCounter.text().replace(/[^\d]/, ''));

app/assets/javascripts/notes/components/issue_comment_form.vue

@@ -122,6 +122,10 @@ export default {
 
     this.markdownDocsUrl = markdownDocs;
     this.markdownPreviewUrl = markdownPreviewUrl;
+
+    eventHub.$on('IssueStateChanged', (isClosed) => {
+      this.issueState = isClosed ? 'closed' : 'reopened';
+    });
   },
 };
 </script>

app/assets/javascripts/notes/components/issue_notes.vue

@@ -88,6 +88,10 @@ export default {
             new Flash('Something went wrong on our end.'); // eslint-disable-line
           });
       });
+
+      $(document).on('issuable:change', (e, isClosed) => {
+        eventHub.$emit('IssueStateChanged', isClosed);
+      });
     },
     checkLocationHash() {
       const hash = gl.utils.getLocationHash();