1 files changed, 29 insertions, 10 deletions
diff --git a/app/assets/javascripts/issue_show/components/pinned_links.vue b/app/assets/javascripts/issue_show/components/pinned_links.vue
index 965e8a3d751..4b50acceb62 100644
--- a/app/assets/javascripts/issue_show/components/pinned_links.vue
+++ b/app/assets/javascripts/issue_show/components/pinned_links.vue
@@ -11,21 +11,40 @@ export default {
     zoomMeetingUrl: {
       type: String,
       required: false,
-      default: null,
+      default: '',
+    },
+    publishedIncidentUrl: {
+      type: String,
+      required: false,
+      default: '',
     },
   },
 };
 </script>
 
 <template>
-  <div v-if="zoomMeetingUrl" class="border-bottom mb-3 mt-n2">
-    <gl-link
-      :href="zoomMeetingUrl"
-      target="_blank"
-      class="btn btn-inverted btn-secondary btn-sm text-dark mb-3"
-    >
-      <icon name="brand-zoom" :size="14" />
-      <strong class="vertical-align-top">{{ __('Join Zoom meeting') }}</strong>
-    </gl-link>
+  <div class="border-bottom gl-mb-6 gl-display-flex gl-justify-content-start">
+    <div v-if="publishedIncidentUrl" class="gl-pr-3">
+      <gl-link
+        :href="publishedIncidentUrl"
+        target="_blank"
+        class="btn btn-inverted btn-secondary btn-sm text-dark mb-3"
+        data-testid="publishedIncidentUrl"
+      >
+        <icon name="tanuki" :size="14" />
+        <strong class="vertical-align-top">{{ __('Published on status page') }}</strong>
+      </gl-link>
+    </div>
+    <div v-if="zoomMeetingUrl">
+      <gl-link
+        :href="zoomMeetingUrl"
+        target="_blank"
+        class="btn btn-inverted btn-secondary btn-sm text-dark mb-3"
+        data-testid="zoomMeetingUrl"
+      >
+        <icon name="brand-zoom" :size="14" />
+        <strong class="vertical-align-top">{{ __('Join Zoom meeting') }}</strong>
+      </gl-link>
+    </div>
   </div>
 </template>