1 files changed, 21 insertions, 6 deletions

diff --git a/app/assets/javascripts/issues/show/components/locked_warning.vue b/app/assets/javascripts/issues/show/components/locked_warning.vue
index 12feacb027b..4414e693ed0 100644
--- a/app/assets/javascripts/issues/show/components/locked_warning.vue
+++ b/app/assets/javascripts/issues/show/components/locked_warning.vue
@@ -1,29 +1,44 @@
 <script>
 import { GlSprintf, GlLink, GlAlert } from '@gitlab/ui';
-import { __ } from '~/locale';
+import { __, sprintf } from '~/locale';
+import { IssuableType } from '~/issues/constants';
 
-const alertMessage = __(
-  'Someone edited the issue at the same time you did. Please check out %{linkStart}the issue%{linkEnd} and make sure your changes will not unintentionally remove theirs.',
-);
+export const i18n = Object.freeze({
+  alertMessage: __(
+    "Someone edited the %{issuableType} at the same time you did. Review %{linkStart}the %{issuableType}%{linkEnd} and make sure you don't unintentionally overwrite their changes.",
+  ),
+});
 
 export default {
-  alertMessage,
   components: {
     GlSprintf,
     GlLink,
     GlAlert,
   },
+  props: {
+    issuableType: {
+      type: String,
+      required: true,
+      validator(value) {
+        return Object.values(IssuableType).includes(value);
+      },
+    },
+  },
   computed: {
     currentPath() {
       return window.location.pathname;
     },
+    alertMessage() {
+      return sprintf(this.$options.i18n.alertMessage, { issuableType: this.issuableType });
+    },
   },
+  i18n,
 };
 </script>
 
 <template>
   <gl-alert variant="danger" class="gl-mb-5" :dismissible="false">
-    <gl-sprintf :message="$options.alertMessage">
+    <gl-sprintf :message="alertMessage">
       <template #link="{ content }">
         <gl-link :href="currentPath" target="_blank" rel="nofollow">
           {{ content }}