[Dashboard] Team Projects Page

[svenefftinge]

The team landing page has a URL https://gitpod.io/<team-name>/
The main tab Projectsshould list all projects of the team.

User Experience goal

The user should be able to a) see all added projects, b) navigate to the new project flow, c) navigate to adding a member page, d) navigate to any of the project pages.

Proposal

In this first MVC (minimum viable change), we can do the following:

1. Reuse the same pattern for the empty state when there are no recent projects.
2. Introduce a card component for each project.
3. Use a three column layout based on the existing 12 column grid for adding projects cards.
4. Include a card placeholder for making adding project more intuitive.
5. Link to the latest prebuid on the bottom of each card.

Designs

Empty	1 Project	1 Project (Hover)

Multiple Projects	Multiple Projects (Grid)

See also design specs.

[jankeromnes]

Hello @gtsiolis 👋 😁 I wonder -- isn't this already implemented?

[gtsiolis]

Hey @jankeromnes! The barebones are in place but we're still missing some design details like proper colors and spacing, hover states, prebuilds or branches information on the cards. Some of these also probably depend on the work in #4876. See also relevant section on the crew doc (internal).

... still missing some bit that we need to surface in the project cards related to prebuilds.

However, we could close this and open a follow up issue for updating these smaller bits. WDYT?

[jankeromnes]

Aha, thanks! I was just wondering if this was still current.

However, we could close this and open a follow up issue for updating these smaller bits. WDYT?

No strong opinion, but I think it'd be good to have a precise checklist of what's still left to do.

If useful, I can start one based on your reply -- TODO:

• barebones are in place
• align colors and spacing with spec
• implement hover states
• finalize prebuilds/branches information on the cards