Add infinite scrolling to vulnerability report project filter dropdown

This MR adds infinite scrolling to project filter dropdown on the vulnerability report. The filter is shown for the group-level and instance-level reports:

Group level Instance level
ksnip_20220511-000113 ksnip_20220511-000141

Peek_2022-05-11_00-07

How to verify

By default, the query will load 100 projects per page, and it will be difficult to create that many projects locally. Instead, create a group with 20-30 projects (empty projects are fine), then edit line 143 in ee/app/assets/javascripts/security_dashboard/components/shared/filters/project_filter.vue and add pageSize: 5:

ksnip_20220511-001040

Then go to the group vulnerability report and open the project filter dropdown.

Related to #356327 (closed)

Edited by Paul Gascou-Vaillancourt

Merge request reports

Loading