IssueNotesRefactor: Fix anchor of note timestamp.

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

@@ -102,7 +102,7 @@ export default {
             <issue-note-header
               :author="author"
               :createdAt="discussion.created_at"
-              :notePath="discussion.path"
+              :noteId="discussion.id"
               :includeToggle="true"
               :toggleHandler="toggleDiscussion"
               actionText="started a discussion" />

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

@@ -112,7 +112,7 @@ export default {
           <issue-note-header
             :author="author"
             :createdAt="note.created_at"
-            :notePath="note.path"
+            :noteId="note.id"
             actionText="commented" />
           <issue-note-actions
             :accessLevel="note.human_access"

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

@@ -21,8 +21,8 @@ export default {
       required: false,
       default: '',
     },
-    notePath: {
-      type: String,
+    noteId: {
+      type: Number,
       required: true,
     },
     includeToggle: {
@@ -47,6 +47,9 @@ export default {
     toggleChevronClass() {
       return this.isExpanded ? 'fa-chevron-up' : 'fa-chevron-down';
     },
+    noteTimestampLink() {
+      return `#note_${this.noteId}`;
+    },
   },
   methods: {
     handleToggle() {
@@ -76,7 +79,7 @@ export default {
           v-if="actionTextHtml"
           v-html="actionTextHtml"
           class="system-note-message"></span>
-        <a :href="notePath">
+        <a :href="noteTimestampLink">
           <time-ago-tooltip
             :time="createdAt"
             tooltipPlacement="bottom" />

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

@@ -31,7 +31,7 @@ export default {
           <issue-note-header
             :author="note.author"
             :createdAt="note.created_at"
-            :notePath="note.path"
+            :noteId="note.id"
             :actionTextHtml="note.note_html" />
         </div>
       </div>