Skip to content

Your Work Projects Vue - Tabs

Zack Cuddy requested to merge 450195-init-your-work-projects-vue-router into master

What does this MR do and why?

Closes #450195 (closed)
We are migrating Your Work Projects to Vue: &13066
This change is behind a feature flag :your_work_projects_vue

This is the next MR in the processes of migrating this view out of Rails and into Vue. The goal of this change is to move the routing responsibilities to the frontend and update the tab navigation to match the new tabs provided in the designs for &13066.

Screenshots or screen recordings

Path Screenshot
/ Screenshot_2024-06-27_at_10.35.25_AM
/dashboard Screenshot_2024-06-27_at_3.23.42_PM
/dashboard/projects Screenshot_2024-06-27_at_10.35.34_AM
/dashboard/projects/contributed Screenshot_2024-06-27_at_10.35.47_AM
/dashboard/projects/starred Screenshot_2024-06-27_at_10.35.54_AM
/dashboard/projects/personal Screenshot_2024-06-27_at_10.36.02_AM
/dashboard/projects/member Screenshot_2024-06-27_at_10.36.08_AM
/dashboard/projects/removed Screenshot_2024-06-27_at_10.36.16_AM

How to set up and validate locally

  1. Enable Feature Flag :your_work_projects_vue
  2. Navigate to the root path of your instance /
  3. Ensure it is on the contributed tab and does not update your path
  4. Navigate to /dashboard/projects
  5. Ensure it is on the contributed tab and does not update your path
  6. Click through the tabs, refresh on new tab, repeat
  7. Ensure path and view is properly updating and perserved on refresh

Related to #450195 (closed)

Edited by Zack Cuddy

Merge request reports