Replace `image_tag avatar_icon_for_user` with `Pajamas::AvatarComponent`
What does this MR do and why?
Describe in detail what your merge request does and why.
As part of Pajamas Migration Day, migrate avatar instances from haml files to use the Pajamas-compliant component.
Related epic &8818 (closed)
Avatars migrated
-
app/views/layouts/nav/sidebar/_profile.html.hamlhttp://127.0.0.1:3000/-/profile/preferences -
app/views/projects/pipeline_schedules/_pipeline_schedule.html.hamlhttp://127.0.0.1:3000/flightjs/Flight/-/pipeline_schedules -
app/views/shared/milestones/_participants_tab.html.hamlhttp://127.0.0.1:3000/flightjs/Flight/-/milestones/6#tab-participants -
app/views/shared/projects/_project.html.hamlhttp://127.0.0.1:3000/flightjs/Flight/-/forks -
app/views/shared/notes/_note.html.hamlhttp://127.0.0.1:3000/flightjs/Flight/-/commit/8749d49930866a4871fa086adbd7d2057fcc3ebb
Related issues
Screenshots or screen recordings
Screenshots are required for UI changes, and strongly recommended for all other merge requests.
Sidebar profile
| Before | After |
|---|---|
 |
 |
 |
 |
 |
 |
Pipeline schedule
| Before | After |
|---|---|
 |
 |
Milestone participants
| Before | After |
|---|---|
 |
 |
Project forks
| Before | After |
|---|---|
 |
 |
 |
 |
Commit comments
| Before | After |
|---|---|
 |
 |
How to set up and validate locally
Sidebar profile
- Navigate to http://127.0.0.1:3000/-/profile/preferences
Pipeline schedule
- Navigate to a project. For example http://127.0.0.1:3000/flightjs/Flight/ .
- On the left sidebar, select CI/CD > Schedules. For example http://127.0.0.1:3000/flightjs/Flight/-/pipeline_schedules/
- If no schedules exist, create one following the instructions in the docs.
- View avatar in the list.
Milestone participants
- Navigate to a project. For example http://127.0.0.1:3000/flightjs/Flight/ .
- On the left sidebar, select Issues > Milestones. For example http://127.0.0.1:3000/flightjs/Flight/-/milestones/6#tab-participants
- If no milestones exist, create one following the instructions in the docs. Then assign the milestone to issues or merge requests.
- View avatars in the participants tab list.
Project forks
- Navigate to a project. For example http://127.0.0.1:3000/flightjs/Flight/ .
- View project forks. For example http://127.0.0.1:3000/flightjs/Flight/-/forks .
- If no forks exist create one.
- See fork creator avatar in the list.
Commit note
- Navigate to a project. For example http://127.0.0.1:3000/flightjs/Flight/ .
- View an individual commit. For example http://127.0.0.1:3000/flightjs/Flight/-/commit/8749d49930866a4871fa086adbd7d2057fcc3ebb .
- Create a comment on the commit.
- See avatar in the comments.
- Create system note by mentioning commit in an issue/MR comment.
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #375082 (closed)
Edited by Dan MH