kobotoolbox / kpi / 35693964218

83%

master: 76%

push

github

fix(usage): simplify description text in usage page DEV-2699 (#7485)



### 📣 Summary
Remove the dismissable banner from the usage page and have a simple
dynamic string explaining the usage page.

### 💭 Notes
Adds a `hasActivePlan` to `useBillingPeriod` hook to be destructured
where needed. This is to meet the following requirments:
>Text dynamically displays "month", "year" or "billing period" depending
on the user:
> - Free user (or Stripe not enabled) → display "month"
> - Member of a team/org whose owner is paying for an annual plan →
display "year"
> - Any paid user (i.e. they dealt with Stripe) → show "billing period"

### 👀 Preview steps
<!-- Delete this section if behavior can't change. -->
<!-- If behavior changes or merely may change, add a preview of a
minimal happy path. -->

1. ℹ️ have an multiple accounts and a project with stripe enabled
2. create a MMO on one account with another account as a member
3. buy any plan with an account not associated with the above two
4. buy an annual plan as the MMO owner for the org
5.  🟢 On the usage page for the MMO owner it should say "year"
6.  🟢 On the usage page for the MMO member it should say "year"
7. 🟢 On the usage page for a non-MMO user with any paid plan it should
say "billing period"
8.  🟢 On the usage page for a free plan user it should say "month"
9. 🟢 Notice that other consumers of the `useBillingPeriod` hook still
function as intended

---------

Co-authored-by: James Kiger <68701146+jamesrkiger@users.noreply.github.com>

10253 of 13582 branches covered (75.49%)

32788 of 39525 relevant lines covered (82.96%)

5.51 hits per line