Skip to content

Add "Imported" badge on issue show page

Justin Ho Tuan Duong requested to merge 456079-add-visual-indicators-for-imported-issues into master

What does this MR do and why?

Added to issue_header and sticky_header.

Since isImported now defaults to false, we will not show the badge for now (while waiting for backend data).

Changelog: changed

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Issue show header Issue show sticky header
Issue_show_page Issue_show_sticky_header

How to set up and validate locally

  1. Go to Project > Plan > Issues and open any issue. For example, http://127.0.0.1:3000/gitlab-org/gitlab-test/-/issues/3.
  2. Apply the following diff to show the badge:
diff --git a/app/assets/javascripts/issues/show/components/app.vue b/app/assets/javascripts/issues/show/components/app.vue
index c4f254880852..28cbe41c8114 100644
--- a/app/assets/javascripts/issues/show/components/app.vue
+++ b/app/assets/javascripts/issues/show/components/app.vue
@@ -152,7 +152,7 @@ export default {
     isImported: {
       type: Boolean,
       required: false,
-      default: false,
+      default: true,
     },
     isLocked: {
       type: Boolean,

Related to #456079 (closed)

Merge request reports