Skip to content

Setup project and group lists on Organization front page

Peter Hegman requested to merge 421449-organization-front-page-empty-state-2 into master

What does this MR do and why?

Related to #421446 (closed) and #421445 (closed)
Designs: &11187

The grouptenant scale team is starting to build out an Organization MVC. For more information about what an "Organization" will be see https://docs.gitlab.com/ee/user/organization/

This MR continues building the front page by setting up the projects and groups lists. The lists are currently using mock data. When the APIs are complete we will switch to using real data and only show 5 groups/projects on the front page. It wasn't worth adding logic to only show 5 because it would be removed when we switch to a real data. The mock data is hardcoded to use default GDK url so the links may not work depending on your GDK setup.

This MR also moves the components that were being used on the Groups and projects page to organizations/shared/components so they can also be used on the front page. These pages will be using the same API so in the future we can add props to pass inputs (pagination, filter) to the API and it should work well to share them across multiple pages.

UX notes

  • When the APIs are complete we will switch to using real data and only show 5 groups/projects on the front page.
  • There will be some minor adjustments to the group and project list in #420800 (closed)
  • Empty states will be setup in #421449 (closed)
  • Stats will be added in #421447 (closed)
  • The Organizations::Organization model does not yet support a description so we will be adding that in #422078 (closed)
  • Subscriptions will not be part of the MVC so I have left it out of the avatar. Confirmed with PM &11187 (comment 1514168095)

Screenshots or screen recordings

Frequently visited projects

Desktop Mobile
Screenshot_2023-08-29_at_9.04.24_AM Screenshot_2023-08-29_at_9.05.28_AM

Frequently visited groups

Desktop Mobile
Screenshot_2023-08-29_at_9.04.47_AM Screenshot_2023-08-29_at_9.06.07_AM

How to set up and validate locally

  1. Open Rails console
    • bin/rails console
  2. Enable the feature flag
    • Feature.enable(:ui_for_organizations)
  3. Navigate to /-/organizations/default

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