Skip to content

Setup filtered search and sort on Your work -> Projects

What does this MR do and why?

Related to #450679

We are currently working on moving the Your work -> Projects page from HAML/vanilla JS to Vue. This will allow us to have UX parity across the product, implement filters more easily, and reduce technical debit.

This MR sets up the filtered search and sort bar. For now using the filtered search and sort just updates the query string in URL. In future MRs we will pass the filtered search and sort arguments to the GraphQL queries.

This MR does not implement

The following will be completed in follow-up issues/MRs:

  • Update GraphQL calls to use the filtered search and sort arguments
  • Pagination
  • Setup GraphQL queries on Starred and Inactive tabs
  • Empty states

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Desktop Mobile
Screenshot_2024-09-19_at_2.12.08_PM Screenshot_2024-09-19_at_2.12.22_PM

How to set up and validate locally

  1. Enable your_work_projects_vue in http://gdk.test:3000/rails/features
  2. Go to http://gdk.test:3000/dashboard/
  3. If you aren't seeing any projects go to a project and comment on an issue
Edited by Peter Hegman

Merge request reports