Hide notification warning for private comments

When adding a confidential note/comment or replying to a
confidential discussion, email participants are not notified.
However, a warning still suggests that a notification will be
sent. This MR removes that warning.

Changelog: fixed

app/assets/javascripts/notes/components/comment_field_layout.vue

@@ -14,6 +14,11 @@ export default {
       type: Object,
       required: true,
     },
+    noteIsConfidential: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
     noteableType: {
       type: String,
       required: false,
@@ -38,6 +43,9 @@ export default {
     emailParticipants() {
       return this.noteableData.issue_email_participants?.map(({ email }) => email) || [];
     },
+    showEmailParticipantsWarning() {
+      return this.emailParticipants.length && !this.noteIsConfidential;
+    },
   },
 };
 </script>
@@ -61,7 +69,7 @@ export default {
     />
     <slot></slot>
     <email-participants-warning
-      v-if="emailParticipants.length"
+      v-if="showEmailParticipantsWarning"
       class="gl-border-t-1 gl-border-t-solid gl-border-t-gray-100 gl-rounded-base gl-rounded-top-left-none! gl-rounded-top-right-none!"
       :emails="emailParticipants"
     />

app/assets/javascripts/notes/components/comment_form.vue

@@ -380,6 +380,7 @@ export default {
             <comment-field-layout
               :with-alert-container="true"
               :noteable-data="getNoteableData"
+              :note-is-confidential="noteIsConfidential"
               :noteable-type="noteableType"
             >
               <markdown-field

app/assets/javascripts/notes/components/note_form.vue

@@ -326,7 +326,10 @@ export default {
     ></div>
     <div class="flash-container timeline-content"></div>
     <form :data-line-code="lineCode" class="edit-note common-note-form js-quick-submit gfm-form">
-      <comment-field-layout :noteable-data="getNoteableData">
+      <comment-field-layout
+        :noteable-data="getNoteableData"
+        :note-is-confidential="discussion.confidential"
+      >
         <markdown-field
           :markdown-preview-path="markdownPreviewPath"
           :markdown-docs-path="markdownDocsPath"

spec/frontend/notes/components/comment_field_layout_spec.js

@@ -134,4 +134,18 @@ describe('Comment Field Layout Component', () => {
       ]);
     });
   });
+
+  describe('issue has email participants, but note is confidential', () => {
+    it('does not show EmailParticipantsWarning', () => {
+      createWrapper({
+        noteableData: {
+          ...noteableDataMock,
+          issue_email_participants: [{ email: 'someone@gitlab.com' }],
+        },
+        noteIsConfidential: true,
+      });
+
+      expect(findEmailParticipantsWarning().exists()).toBe(false);
+    });
+  });
 });