IssueNotesRefactor: Handle /award quick action.

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

@@ -78,10 +78,6 @@ export default {
       data-position="right"
       href="#"
       title="Add reaction">
-        <i
-          aria-hidden="true"
-          data-hidden="true"
-          class="fa fa-spinner fa-spin"></i>
         <span
           v-html="emojiSmiling"
           class="link-highlight award-control-icon-neutral"></span>

app/assets/javascripts/notes/stores/issue_notes_store.js

@@ -2,6 +2,7 @@
 
 import service from '../services/issue_notes_service';
 import utils from './issue_notes_utils';
+import loadAwardsHandler from '../../awards_handler';
 
 const state = {
   notes: [],
@@ -225,12 +226,25 @@ const actions = {
       .then((res) => {
         const { errors } = res;
 
-        if (hasQuickActions) {
+        if (hasQuickActions && Object.keys(errors).length) {
           context.dispatch('poll');
           $('.js-gfm-input').trigger('clear-commands-cache.atwho');
           new Flash('Commands applied', 'notice', $(noteData.flashContainer)); // eslint-disable-line
         }
 
+
+        if (res.commands_changes.emoji_award) {
+          const votesBlock = $('.js-awards-block').eq(0);
+
+          loadAwardsHandler().then((awardsHandler) => {
+            awardsHandler.addAwardToEmojiBar(votesBlock, res.commands_changes.emoji_award);
+            awardsHandler.scrollToAwards();
+          }).catch(() => {
+            const msg = 'Something went wrong while adding your award. Please try again.';
+            new Flash(msg, $(noteData.flashContainer)); // eslint-disable-line
+          });
+        }
+
         if (errors && errors.commands_only) {
           new Flash(errors.commands_only, 'notice', $(noteData.flashContainer)); // eslint-disable-line
         }