Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Subscription Modal UI/UX Improvements #921

Open
6 of 7 tasks
jpaulet opened this issue Jan 7, 2025 · 1 comment
Open
6 of 7 tasks

Subscription Modal UI/UX Improvements #921

jpaulet opened this issue Jan 7, 2025 · 1 comment
Assignees
Labels

Comments

@jpaulet
Copy link
Member

jpaulet commented Jan 7, 2025

The subscripton modal must be finished with all the org information and revamp to fit the design:

  • Change: Debes actualizar tu plan para usar esta funcionalidad for Mejora tu plan to make it more generic
  • Make sure the dropdown tiers corresponds with the Stripe one: 250, 500, 1000, 2500, 5000, 10000, +10000
  • Make sure once a tier is selected the prices are updated and the plans that doesn't support that tier are disabled.
  • When the user enters the popup, the dropdown doesn't show any members number, only a "-". In this state, each plan shows the default max_census_size of the plan (Free: 25, Esential: 250, Premium: 500, Custom: 1000). If the user selects a specific tier, all the plans updates to show the price of that tier or a disabled subscription button if the plan doesn't support that amount of voters.
  • Add all the information in the text: Currently, you are subscribed to the "YourPlan" subscription. If you upgrade, we will only charge the yearly difference. In the next billing period, starting on "dd/mm/yy" you will pay for the new selected plan. ("yourPlan" and "dd/mm/yy").
  • The "Contact us" buttons must go to the "contact page".
  • Adapt the modal to look like the design:
    Pricing
@jpaulet jpaulet added the subtask label Jan 7, 2025
@jpaulet jpaulet changed the title Subscription Modal Improvements Subscription Modal UI/UX Improvements Jan 7, 2025
@elboletaire
Copy link
Member

[ ] Make sure the dropdown tiers corresponds with the Stripe one: 250, 500, 1000, 2500, 5000, 10000, +10000

The tiers dropdown gets populated from the API, which should be getting the info from stripe already /cc @emmdim

elboletaire added a commit that referenced this issue Jan 7, 2025
Also disabled such information for free plans, since it's intended to be
seen by people upgrading from a payment plan.

refs #921
elboletaire added a commit that referenced this issue Jan 8, 2025
Also fixed PlanText rendering p inside of p

refs #921
elboletaire added a commit that referenced this issue Jan 8, 2025
Also fixed PlanText rendering p inside of p

refs #921
elboletaire added a commit that referenced this issue Jan 8, 2025
Also disabled such information for free plans, since it's intended to be
seen by people upgrading from a payment plan.

refs #921
elboletaire added a commit that referenced this issue Jan 8, 2025
Also fixed PlanText rendering p inside of p

refs #921
@elboletaire elboletaire removed their assignment Jan 8, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants