IssueNotesRefactor: Implement time tracking sidebar integration with slash commands.

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

@@ -3,6 +3,7 @@
 import service from '../services/issue_notes_service';
 import utils from './issue_notes_utils';
 import loadAwardsHandler from '../../awards_handler';
+import sidebarTimeTrackingEventHub from '../../sidebar/event_hub';
 
 const state = {
   notes: [],
@@ -233,7 +234,8 @@ const actions = {
           Flash('Commands applied', 'notice', $(noteData.flashContainer));
         }
 
-        if (commandsChanges && commandsChanges.emoji_award) {
+        if (commandsChanges) {
+          if (commandsChanges.emoji_award) {
             const votesBlock = $('.js-awards-block').eq(0);
 
             loadAwardsHandler().then((awardsHandler) => {
@@ -245,6 +247,11 @@ const actions = {
             });
           }
 
+          if (commandsChanges.spend_time || commandsChanges.time_estimate) {
+            sidebarTimeTrackingEventHub.$emit('timeTrackingUpdated', res);
+          }
+        }
+
         if (errors && errors.commands_only) {
           Flash(errors.commands_only, 'notice', $(noteData.flashContainer));
         }

app/assets/javascripts/sidebar/components/time_tracking/sidebar_time_tracking.js

@@ -4,6 +4,7 @@ import timeTracker from './time_tracker';
 
 import Store from '../../stores/sidebar_store';
 import Mediator from '../../sidebar_mediator';
+import eventHub from '../../event_hub';
 
 export default {
   data() {
@@ -18,6 +19,9 @@ export default {
   methods: {
     listenForQuickActions() {
       $(document).on('ajax:success', '.gfm-form', this.quickActionListened);
+      eventHub.$on('timeTrackingUpdated', (data) => {
+        this.quickActionListened(null, data);
+      });
     },
     quickActionListened(e, data) {
       const subscribedCommands = ['spend_time', 'time_estimate'];