[Dashboard] Plans Page

[svenefftinge]

The Subscriptions page in the new dashboard needs to be implemented. We will only reimplment a UI for the current model. Remodeling payment is out of scope.

We will need the same functionality that is currently available under https://gitpod.io/subscription/. I.e. the buttons changedepending on the state of the user. Please refer to the old code, because it doesn't get more detailed than that.

@gtsiolis we will need a possibility (button) to open the "billing", i.e. the chargebee pop-up where users can manage their credit card details, etc.

Designs

Plans

Hover	Professional OSS

Upgrade	Downgrade (Hover)	Downgrade (Modal)

See also design specs.

[jankeromnes]

@gtsiolis Minor heads up: In the current https://gitpod.io/subscription/ page, we sometimes replace "plan cards" under special conditions:

• If the user has Professional Open Source status, the Free plan card is replaced with Pro OSS (unlimited hours), regardless if the user is on a paid subscription or not (e.g. if the user has a Personal plan but is also Pro OSS, the Free card will show Pro OSS plan, but the Personal plan card will be selected)
• If the user was created a long time ago, their Free plan still has 100 hours instead of 50
• If the user still has an old plan (called Basic) this replaces the Personal plan card (EDIT: There is officially nobody still using the Basic plan! 🙌 Not re-implementing)
• If the user was added to a Team Plan, the Team Plan membership replaces the Professional or Unlimited plan card (but without a button because you cannot manage that Team Plan)

I'm planning to keep the same behavior for now. 🚀

[gtsiolis]

I'm planning to keep the same behavior for now.

@jankeromnes The perfect strategy! 🏀