Skip to content

Pass sorting and filtering arguments to GraphQL queries

Peter Hegman requested to merge 450679-setup-filtered-search-sort-and-pagination-3 into master

What does this MR do and why?

Related to #450679 (closed)

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. In !166655 (merged) we setup the filtered search and sort bar but didn't yet hook it up to the GraphQL queries. This MR hooks it up to the GraphQL queries.

Reviewer notes

  • This is behind a feature flag so instead of getting UX review on each individual MR we will get one at the end before enabling the feature flag. I have confirmed with our teams product designer (@mnichols1) that this is okay.
  • Empty states are not yet set up. This will be done in #450694 (closed)

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

Screen_Recording_2024-10-08_at_9.01.37_AM

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/projects
  3. Use the filtering and sorting on each tab
  4. If you don't have any contributed projects, go to a project and comment on an issue or make a commit
Edited by Peter Hegman

Merge request reports