feat(payments-next): Add Free Trial section to Subscription Management page#20282
feat(payments-next): Add Free Trial section to Subscription Management page#20282elizabeth-ilina wants to merge 1 commit intomainfrom
Conversation
9a03645 to
a3f3dd4
Compare
|
|
||
| const subplatInterval = getSubplatInterval(interval, intervalCount); | ||
|
|
||
| //const isPastDue = true; |
There was a problem hiding this comment.
TODO: remove before merging.
| > | ||
| {l10n.getString( | ||
| 'subscription-management-free-trial-heading', | ||
| 'Free trials' |
There was a problem hiding this comment.
To match the rest of the page, where headings are plural like Payment details, Active subscriptions, I wrote "Free trials" (with -s at the end), while Figma has "Free trial". Which is better?
| subscription-management-free-trial-heading = Free trials | ||
| subscription-management-your-free-trials-aria = Your free trials |
There was a problem hiding this comment.
Potentially update based on https://github.com/mozilla/fxa/pull/20282/changes#r3010922866
2c7b6a5 to
c0057cd
Compare
|
|
||
| # Heading for mobile only quick links menu | ||
| subscription-management-jump-to-heading = Jump to | ||
| subscription-management-nav-free-trials = Free trials |
There was a problem hiding this comment.
Same here, potentially update based on https://github.com/mozilla/fxa/pull/20282/changes#r3010922866
…t page Because: * We need to add a Free Trials section to the Sub Manage page so that a customer can see what free trials they have. This commit: * Adds a new Free Trial section and component, to be rendered on the Subscription Management page, akin to “Payment details” and “Active subscriptions”, that is only rendered if a user has an active trialing subscription. * If the free trial is active, includes details about their upcoming billing cycle, and the option to cancel their free trial * If the free trial could not be converted due to a failed payment method, includes invoice details, and the option to update their payment info * Implements UI for both Desktop and Mobile views Closes #[PAY-3547](https://mozilla-hub.atlassian.net/browse/PAY-3547)
c0057cd to
bfeffa3
Compare
| case 'daily': | ||
| return { | ||
| ftlId: 'free-trial-content-charge-info-with-tax-day', | ||
| fallbackText: `You will be charged ${amount} + ${tax} tax per day after the free trial ends on ${date}.`, |
There was a problem hiding this comment.
Question: Figma had (what I assume) just total/monthly, not broken up into totalWithoutTax + tax like we do in other places. Should we display just one number, as per Figma, or break it up into totalWithoutTax + tax?
Because
This pull request
Issue that this pull request solves
Closes #PAY-3547
Checklist
Put an
xin the boxes that applyHow to review (Optional)
Screenshots (Optional)
Tablet+ :
Mobile:

Other information (Optional)
Any other information that is important to this pull request.