@@ -26,9 +26,9 @@ import { __ } from '~/locale';
26
26
import NoteHeader from ' ~/notes/components/note_header.vue' ;
27
27
import TimelineEntryItem from ' ~/vue_shared/components/notes/timeline_entry_item.vue' ;
28
28
29
- const ALLOWED_ICONS = [' issue-close' ];
30
29
const ICON_COLORS = {
31
- ' issue-close' : ' !gl-bg-blue-100 gl-text-blue-700 icon-info' ,
30
+ ' issue-close' : ' system-note-icon-info' ,
31
+ issues: ' system-note-icon-success' ,
32
32
};
33
33
34
34
export default {
@@ -75,7 +75,7 @@ export default {
75
75
return ICON_COLORS [this .note .systemNoteIconName ] || ' ' ;
76
76
},
77
77
isAllowedIcon () {
78
- return ALLOWED_ICONS .includes (this .note .systemNoteIconName );
78
+ return Object . keys ( ICON_COLORS ) .includes (this .note .systemNoteIconName );
79
79
},
80
80
isTargetNote () {
81
81
return this .targetNoteHash === this .noteAnchorId ;
@@ -101,6 +101,13 @@ export default {
101
101
deleteButtonClasses () {
102
102
return this .singleLineDescription ? ' gl-top-5 gl-right-2 gl-mt-2' : ' gl-top-6 gl-right-3' ;
103
103
},
104
+ systemNoteIconName () {
105
+ let icon = this .note .systemNoteIconName ;
106
+ if (this .note .systemNoteIconName === ' issues' ) {
107
+ icon = ' issue-open-m' ;
108
+ }
109
+ return icon;
110
+ },
104
111
},
105
112
mounted () {
106
113
renderGFM (this .$refs [' gfm-content' ]);
@@ -126,13 +133,13 @@ export default {
126
133
getIconColor,
127
134
{
128
135
'system-note-icon -gl-mt-1 gl-ml-2 gl-h-6 gl-w-6': isAllowedIcon,
129
- 'system-note-dot -gl-top-1 gl-ml-4 gl-mt-3 gl-h-3 gl-w-3 gl-border-2 gl-border-solid gl-border-subtle gl-bg-gray-900 ':
136
+ 'system-note-dot -gl-top-1 gl-ml-4 gl-mt-3 gl-h-3 gl-w-3 gl-border-2 gl-border-solid gl-border-subtle':
130
137
!isAllowedIcon,
131
138
},
132
139
]"
133
140
class = " gl-relative gl-float-left gl-flex gl-items-center gl-justify-center gl-rounded-full"
134
141
>
135
- < gl- icon v- if = " isAllowedIcon" : size= " 14" : name= " note. systemNoteIconName" / >
142
+ < gl- icon v- if = " isAllowedIcon" : size= " 14" : name= " systemNoteIconName" / >
136
143
< / div>
137
144
< div class = " gl-ml-7" >
138
145
< div class = " gl-flex gl-items-start gl-justify-between" >
0 commit comments