Skip to content

Migrating user-avatar-link for diff_discussion_header.vue

What does this MR do and why?

Fixes #355868 (closed)

Ensures that updated user_avatar_link (that now uses GlAvatar) is properly displayed in MR discussion header (app/assets/javascripts/notes/components/diff_discussion_header.vue)

Screenshots or screen recordings

Before the update:

Flag disabled:

desktop mobile
localhost_3000_jashkenas_Underscore_-_merge_requests_2 localhost_3000_jashkenas_Underscore_-merge_requests_2__1

flag enabled

desktop mobile
localhost_3000_jashkenas_Underscore_-merge_requests_2__6 localhost_3000_jashkenas_Underscore_-merge_requests_2_Samsung_Galaxy_S8+

After the update:

Flag disabled

desktop mobile
localhost_3000_jashkenas_Underscore_-merge_requests_2__2 localhost_3000_jashkenas_Underscore_-merge_requests_2__3

flag enabled

desktop mobile
localhost_3000_jashkenas_Underscore_-merge_requests_2__4 localhost_3000_jashkenas_Underscore_-merge_requests_2__5

How to set up and validate locally

  1. On your local instance open an (existing) MR, switch to "changes" tab and add a comment to some code line.

  2. Switch to "Overview" tab and note how your comment looks like

  3. Enable feature flag that would switch user_avatar_link to use the new version Feature.enable(:gl_avatar_for_all_user_avatars)

  4. Check the MR comment again

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Kos Palchyk

Merge request reports