1 files changed, 26 insertions, 0 deletions
diff --git a/app/assets/javascripts/vue_shared/notes/components/discussion_locked_widget.vue b/app/assets/javascripts/vue_shared/notes/components/discussion_locked_widget.vue
new file mode 100644
index 00000000000..e6f7ee56ff3
--- /dev/null
+++ b/app/assets/javascripts/vue_shared/notes/components/discussion_locked_widget.vue
@@ -0,0 +1,26 @@
+<script>
+  import Icon from '~/vue_shared/components/icon.vue';
+  import Issuable from '~/vue_shared/mixins/issuable';
+
+  export default {
+    mixins: [
+      Issuable,
+    ],
+    components: {
+      Icon,
+    },
+  };
+</script>
+
+<template>
+  <div class="disabled-comment text-center">
+    <span class="issuable-note-warning inline">
+      <icon
+        name="lock"
+        :size="16"
+        class="icon">
+      </icon>
+      <span>This {{ issuableDisplayName }} is locked. Only <b>project members</b> can comment.</span>
+     </span>
+  </div>
+</template>