1 files changed, 9 insertions, 1 deletions
diff --git a/app/assets/javascripts/pipelines/components/pipelines_list/pipelines_status_badge.vue b/app/assets/javascripts/pipelines/components/pipelines_list/pipelines_status_badge.vue
index e765a8cd86c..936ae4da1ec 100644
--- a/app/assets/javascripts/pipelines/components/pipelines_list/pipelines_status_badge.vue
+++ b/app/assets/javascripts/pipelines/components/pipelines_list/pipelines_status_badge.vue
@@ -1,6 +1,7 @@
 <script>
-import { CHILD_VIEW } from '~/pipelines/constants';
+import { CHILD_VIEW, TRACKING_CATEGORIES } from '~/pipelines/constants';
 import CiBadge from '~/vue_shared/components/ci_badge_link.vue';
+import Tracking from '~/tracking';
 import PipelinesTimeago from './time_ago.vue';
 
 export default {
@@ -8,6 +9,7 @@ export default {
     CiBadge,
     PipelinesTimeago,
   },
+  mixins: [Tracking.mixin()],
   props: {
     pipeline: {
       type: Object,
@@ -26,6 +28,11 @@ export default {
       return this.viewType === CHILD_VIEW;
     },
   },
+  methods: {
+    trackClick() {
+      this.track('click_ci_status_badge', { label: TRACKING_CATEGORIES.table });
+    },
+  },
 };
 </script>
 
@@ -37,6 +44,7 @@ export default {
       :show-text="!isChildView"
       :icon-classes="'gl-vertical-align-middle!'"
       data-qa-selector="pipeline_commit_status"
+      @ciStatusBadgeClick="trackClick"
     />
     <pipelines-timeago class="gl-mt-3" :pipeline="pipeline" />
   </div>