Skip to content

Add missing buttons to Vue projects dashboard

What does this MR do and why?

Related to #494321 (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. Originally we had the page title in Vue but we realized we were missing the New project and Explore projects buttons. Since this is static content and the buttons require some permission checks it makes more sense to keep them in HAML.

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

Before After
Screenshot_2024-10-09_at_8.00.28_PM Screenshot_2024-10-09_at_2.58.16_PM

Mobile

Before After
Screenshot_2024-10-09_at_8.00.46_PM Screenshot_2024-10-09_at_2.58.33_PM

Still works with your_work_projects_vue feature flag disabled

Screen_Recording_2024-10-09_at_8.09.37_PM

How to set up and validate locally

  1. Go to http://gdk.test:3000/rails/features
  2. Enable the your_work_projects_vue feature flag
  3. Go to http://gdk.test:3000/dashboard/projects
Edited by Peter Hegman

Merge request reports

Loading