diff --git a/app/assets/javascripts/sidebar/components/reviewers/uncollapsed_reviewer_list.vue b/app/assets/javascripts/sidebar/components/reviewers/uncollapsed_reviewer_list.vue index d2b5fa92a1a31fffe8cf41aaafb50ea1d6d7f1ff..3499633500488088ffa6c554399a0fffbc43c45f 100644 --- a/app/assets/javascripts/sidebar/components/reviewers/uncollapsed_reviewer_list.vue +++ b/app/assets/javascripts/sidebar/components/reviewers/uncollapsed_reviewer_list.vue @@ -10,19 +10,18 @@ const JUST_APPROVED = 'approved'; const REVIEW_STATE_ICONS = { APPROVED: { - name: 'status-success', + name: 'check-circle', class: 'gl-text-green-500', title: __('Reviewer approved changes'), }, REQUESTED_CHANGES: { - name: 'status-alert', + name: 'error', class: 'gl-text-red-500', title: __('Reviewer requested changes'), }, REVIEWED: { - name: 'comment', - class: 'gl-bg-blue-500 gl-text-white gl-icon s16 gl-rounded-full gl--flex-center', - size: 8, + name: 'comment-lines', + class: 'gl-text-blue-500', title: __('Reviewer commented'), }, UNREVIEWED: { diff --git a/spec/frontend/sidebar/components/reviewers/uncollapsed_reviewer_list_spec.js b/spec/frontend/sidebar/components/reviewers/uncollapsed_reviewer_list_spec.js index af05f4bd24700883b714320f6a18914815ead337..ed6e1a3afe02ed3f01f7a598d69b59eafbda3cf8 100644 --- a/spec/frontend/sidebar/components/reviewers/uncollapsed_reviewer_list_spec.js +++ b/spec/frontend/sidebar/components/reviewers/uncollapsed_reviewer_list_spec.js @@ -24,7 +24,7 @@ describe('UncollapsedReviewerList component', () => { let wrapper; const findAllRerequestButtons = () => wrapper.findAll('[data-testid="re-request-button"]'); - const findAllReviewerApprovalIcons = () => wrapper.findAll('[name="status-success"]'); + const findAllReviewerApprovalIcons = () => wrapper.findAll('[name="check-circle"]'); const findAllReviewerAvatarLinks = () => wrapper.findAllComponents(ReviewerAvatarLink); const hasApprovalIconAnimation = () => @@ -202,9 +202,9 @@ describe('UncollapsedReviewerList component', () => { it.each` reviewState | approved | icon ${'UNREVIEWED'} | ${false} | ${'dash-circle'} - ${'REVIEWED'} | ${true} | ${'status-success'} - ${'REVIEWED'} | ${false} | ${'comment'} - ${'REQUESTED_CHANGES'} | ${false} | ${'status-alert'} + ${'REVIEWED'} | ${true} | ${'check-circle'} + ${'REVIEWED'} | ${false} | ${'comment-lines'} + ${'REQUESTED_CHANGES'} | ${false} | ${'error'} `( 'renders $icon for reviewState:$reviewState and approved:$approved', ({ reviewState, approved, icon }) => {