Skip to content

Refactor group overview tabs empty state

What does this MR do and why?

Related to #364317 (closed)

In #23466 (closed) we refactored the group overview tabs from a mixture of HAML/jQuery to Vue. There is still some legacy logic that relates to empty states that needs to be cleaned up. This MR cleans up that legacy empty state code and adds empty states for the Shared projects and Archived projects tabs.

Screenshots or screen recordings

Subgroups and projects empty state

Expected to look the same

Before After
Screenshot_2022-12-01_at_10.38.59_AM Screenshot_2022-12-01_at_9.41.08_AM

Shared projects empty state

Before After
Screenshot_2022-12-01_at_10.39.47_AM Screenshot_2022-12-02_at_12.20.49_PM

Archived projects empty state

Before After
Screenshot_2022-12-01_at_10.40.00_AM Screenshot_2022-12-02_at_12.21.00_PM

Subgroups and projects no search results

Expected to look the same

Before After
Screenshot_2022-12-01_at_10.41.06_AM Screenshot_2022-12-01_at_9.39.15_AM

Shared projects no search results

Expected to look the same

Before After
Screenshot_2022-12-01_at_10.41.21_AM Screenshot_2022-12-01_at_9.39.28_AM

Archived projects no search results

Expected to look the same

Before After
Screenshot_2022-12-01_at_10.41.38_AM Screenshot_2022-12-01_at_9.39.48_AM

How to set up and validate locally

  1. Visit a group overview page

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

Loading