Remove a lonely dot in Batch Comments

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

@@ -258,7 +258,7 @@ export default {
         <note-header v-once :author="author" :created-at="note.created_at" :note-id="note.id">
           <slot slot="note-header-info" name="note-header-info"></slot>
           <span v-if="commit" v-html="actionText"></span>
-          <span v-else class="d-none d-sm-inline">&middot;</span>
+          <span v-else-if="note.created_at" class="d-none d-sm-inline">&middot;</span>
         </note-header>
         <note-actions
           :author-id="author.id"

app/views/shared/notes/_note.html.haml

@@ -40,9 +40,10 @@
             - if note.system
               %span.system-note-message
                 = markdown_field(note, :note)
-            %span.system-note-separator
-              ·
-            %a.system-note-separator{ href: "##{dom_id(note)}" }= time_ago_with_tooltip(note.created_at, placement: 'bottom', html_class: 'note-created-ago')
+            - if note.created_at
+              %span.system-note-separator
+                ·
+              %a.system-note-separator{ href: "##{dom_id(note)}" }= time_ago_with_tooltip(note.created_at, placement: 'bottom', html_class: 'note-created-ago')
         - unless note.system?
           .note-actions
             - if note.for_personal_snippet?

changelogs/unreleased/10343-remove-a-lonely-dot-in-batch-comments.yml

+---
+title: Remove a lonely dot in Batch Comments.
+merge_request: 31783
+author: Gilang Gumilar
+type: changed