1 files changed, 18 insertions, 4 deletions
diff --git a/app/assets/javascripts/jobs/components/job/sidebar/sidebar_detail_row.vue b/app/assets/javascripts/jobs/components/job/sidebar/sidebar_detail_row.vue
index 05567328660..0ba34eafa58 100644
--- a/app/assets/javascripts/jobs/components/job/sidebar/sidebar_detail_row.vue
+++ b/app/assets/javascripts/jobs/components/job/sidebar/sidebar_detail_row.vue
@@ -22,6 +22,11 @@ export default {
       required: false,
       default: '',
     },
+    path: {
+      type: String,
+      required: false,
+      default: '',
+    },
   },
   computed: {
     hasTitle() {
@@ -35,10 +40,19 @@ export default {
 </script>
 <template>
   <p class="gl-display-flex gl-justify-content-space-between gl-mb-2">
-    <span v-if="hasTitle"
-      ><b>{{ title }}:</b> {{ value }}</span
-    >
-    <gl-link v-if="hasHelpURL" :href="helpUrl" target="_blank">
+    <span v-if="hasTitle">
+      <b>{{ title }}:</b>
+      <gl-link
+        v-if="path"
+        :href="path"
+        class="gl-text-blue-600!"
+        data-testid="job-sidebar-value-link"
+      >
+        {{ value }}
+      </gl-link>
+      <span v-else>{{ value }}</span>
+    </span>
+    <gl-link v-if="hasHelpURL" :href="helpUrl" target="_blank" data-testid="job-sidebar-help-link">
       <gl-icon name="question-o" />
     </gl-link>
   </p>