Reuse getter42923-close-issue

Add loading button for better UX

2 files changed, 3 insertions, 3 deletions

diff --git a/app/assets/javascripts/notes/stores/actions.js b/app/assets/javascripts/notes/stores/actions.js
index 1877d5bf959..4c846d69b86 100644
--- a/app/assets/javascripts/notes/stores/actions.js
+++ b/app/assets/javascripts/notes/stores/actions.js
@@ -77,10 +77,10 @@ export const reopenIssue = ({ commit, dispatch, state }) => service
     dispatch('emitStateChangedEvent', data);
   });
 
-export const emitStateChangedEvent = ({ commit }, data) => {
+export const emitStateChangedEvent = ({ commit, getters }, data) => {
   const event = new CustomEvent('issuable_vue_app:change', { detail: {
     data,
-    isClosed: data.state === constants.CLOSED,
+    isClosed: getters.issueState === constants.CLOSED,
   } });
 
   document.dispatchEvent(event);
diff --git a/app/assets/javascripts/notes/stores/getters.js b/app/assets/javascripts/notes/stores/getters.js
index 38b48c3bbe4..82024104d73 100644
--- a/app/assets/javascripts/notes/stores/getters.js
+++ b/app/assets/javascripts/notes/stores/getters.js
@@ -8,7 +8,7 @@ export const getNotesDataByProp = state => prop => state.notesData[prop];
 
 export const getNoteableData = state => state.noteableData;
 export const getNoteableDataByProp = state => prop => state.noteableData[prop];
-export const getIssueState = state => state.noteableData.state;
+export const issueState = state => state.noteableData.state;
 
 export const getUserData = state => state.userData || {};
 export const getUserDataByProp = state => prop => state.userData && state.userData[prop];