User Profile - Convert Following to Vue
What does this MR do and why?
Closes #378687 (closed)
Modeled after Followers Tab !120382 (merged)
The goal of this change is to make progress towards converting the User Profile into Vue from the current HAML implementation. We are aiming to keep the experience as similar as possible to the legacy HAML view.
This change is behind the feature flag Feature.enable(:profile_tabs_vue)
Note: There is currently an incorrect bottom border in the tabs. This is due to a recent change in !118597 (merged). We will be removing the tabs and moving the navigation into the sidebar in #389842. By removing the tabs we will be able to fix this bug and because this is behind a feature flag I am going to leave it as-is for now.
Note: There is a bug with trying to access these tabs while signed out. This will be addressed in #412929
Screenshots or screen recordings
| Before | After |
|---|---|
 |
 |
How to set up and validate locally
Important: This implementation does not currently work with the new Sidebar Nav! Please use the legacy nav and see #389842 for more info
- Enable the feature flag
Feature.enable(:profile_tabs_vue) - Checkout this branch
- Disable New sidebar navigation
- Head over to your user profile by clicking your icon in the top right of top nav
- Go to following tab
- Ensure the following still works as expected (you can test by comparing experience to
gitlab.com)
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #378687 (closed)