Skip to content

POC use router links in new sidebar

Peter Hegman requested to merge change-vue-profile-tabs-to-router into master

What does this MR do and why?

Related to #389842

Now that the super sidebar has been released I've started to do some discovery into #389842. We are migrating the profile page from HAML/jQuery to Vue and currently it is setup with tabs. This is because when we started the migration effort we didn't know about the plans to move the profile tabs to the sidebar.

This MR removes the tabs in the Vue version and uses Vue Router instead. It also proposes a way to add sidebar nav items with Vue portal so we can add RouterLink components to the sidebar.

Note: for the MVC we could keep the sidebar the same and reload the page. But it does feel snappier if we can use Vue router links in the sidebar so the page doesn't reload.

Screenshots or screen recordings

Screen_Recording_2023-05-02_at_12.08.01_PM

How to set up and validate locally

  1. Enable the profile_tabs_vue feature flag
  2. Enable the new navigation
  3. Navigate to your user profile

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Peter Hegman

Merge request reports