Skip to content

Add assignees widget to MR sidebar

Natalia Tepluhina requested to merge ntepluhina-mr-assignees-widget into master

What does this MR do and why?

In this MR, we replace the sidebar assignees component on the MR sidebar with the assignees widget. The main difference is old dropdown was using jQuery Select2 implementation and REST API; new one uses GlDropdown and GraphQL API.

Screenshots or screen recordings

Click to expand
State Before After
Unassigned CleanShot_20220224162233 CleanShot_20220224161857
1 assignee CleanShot_20220224163200
CleanShot_20220224161133 		CleanShot_20220224163023
CleanShot_20220224161821
2+ assignees CleanShot_20220224163213
CleanShot_20220224161021 		CleanShot_20220224163006
CleanShot_20220224162039
Loading CleanShot_20220224161149 CleanShot_20220224162000
Unassigned dropdown CleanShot_20220224161142 CleanShot_20220224161849
Search dropdown CleanShot_20220224161128 CleanShot_20220224161837
No results dropdown CleanShot_20220224162249 CleanShot_20220224162117
1 assignee dropdown CleanShot_20220224161121 CleanShot_20220224161827
2+ assignees dropdown CleanShot_20220224162243 CleanShot_20220224162033
Cannot merge CleanShot_20220224162808
CleanShot_20220224162753
CleanShot_20220224162757 		CleanShot_20220224163015
CleanShot_20220224162714
CleanShot_20220224162702

How to set up and validate locally

  1. Enable the assignees widget feature flag 
    Feature.enable(:issue_assignees_widget)
  2. Open any MR
  3. Open assignees dropdown on the sidebar

MR acceptance checklist

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

Related to #327680 (closed)

Edited by Pedro Moreira da Silva

Merge request reports