1 files changed, 8 insertions, 6 deletions
diff --git a/app/assets/javascripts/pipelines/components/pipelines_list/pipelines_table.vue b/app/assets/javascripts/pipelines/components/pipelines_list/pipelines_table.vue
index d884935d95b..dbb0b443235 100644
--- a/app/assets/javascripts/pipelines/components/pipelines_list/pipelines_table.vue
+++ b/app/assets/javascripts/pipelines/components/pipelines_list/pipelines_table.vue
@@ -71,6 +71,9 @@ export default {
     };
   },
   computed: {
+    showFailedJobsWidget() {
+      return this.glFeatures.ciJobFailuresInMr;
+    },
     tableFields() {
       return [
         {
@@ -143,17 +146,14 @@ export default {
       const downstream = pipeline.triggered;
       return keepLatestDownstreamPipelines(downstream);
     },
-    hasFailedJobs(pipeline) {
-      return pipeline?.failed_builds?.length > 0 || false;
+    failedJobsCount(pipeline) {
+      return pipeline?.failed_builds?.length || 0;
     },
     setModalData(data) {
       this.pipelineId = data.pipeline.id;
       this.pipeline = data.pipeline;
       this.endpoint = data.endpoint;
     },
-    showFailedJobsWidget(item) {
-      return this.glFeatures.ciJobFailuresInMr && this.hasFailedJobs(item);
-    },
     onSubmit() {
       eventHub.$emit('postAction', this.endpoint);
       this.cancelingPipeline = this.pipelineId;
@@ -220,7 +220,9 @@ export default {
 
       <template #row-details="{ item }">
         <pipeline-failed-jobs-widget
-          v-if="showFailedJobsWidget(item)"
+          v-if="showFailedJobsWidget"
+          :failed-jobs-count="failedJobsCount(item)"
+          :is-pipeline-active="item.active"
           :pipeline-iid="item.iid"
           :pipeline-path="item.path"
         />