1 files changed, 7 insertions, 1 deletions
diff --git a/app/assets/javascripts/pipelines/components/graph/action_component.vue b/app/assets/javascripts/pipelines/components/graph/action_component.vue
index 4e9b21a5c55..0ce94d4f02f 100644
--- a/app/assets/javascripts/pipelines/components/graph/action_component.vue
+++ b/app/assets/javascripts/pipelines/components/graph/action_component.vue
@@ -4,6 +4,7 @@ import axios from '~/lib/utils/axios_utils';
 import { dasherize } from '~/lib/utils/text_utility';
 import { __ } from '~/locale';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
+import { reportToSentry } from './utils';
 
 /**
  * Renders either a cancel, retry or play icon button and handles the post request
@@ -50,6 +51,9 @@ export default {
       return `${actionIconDash} js-icon-${actionIconDash}`;
     },
   },
+  errorCaptured(err, _vm, info) {
+    reportToSentry('action_component', `error: ${err}, info: ${info}`);
+  },
   methods: {
     /**
      * The request should not be handled here.
@@ -70,10 +74,12 @@ export default {
 
           this.$emit('pipelineActionRequestComplete');
         })
-        .catch(() => {
+        .catch((err) => {
           this.isDisabled = false;
           this.isLoading = false;
 
+          reportToSentry('action_component', err);
+
           createFlash(__('An error occurred while making the request.'));
         });
     },