Skip to content

feat(clerk-js,localizations,shared,ui): Render per-seat costs for subscription items#8737

Open
dstaley wants to merge 5 commits into
feat/per-seat-costsfrom
ds.feat/psc-sub-details
Open

feat(clerk-js,localizations,shared,ui): Render per-seat costs for subscription items#8737
dstaley wants to merge 5 commits into
feat/per-seat-costsfrom
ds.feat/psc-sub-details

Conversation

@dstaley
Copy link
Copy Markdown
Member

@dstaley dstaley commented Jun 3, 2026

Description

This PR renders per-seat cost details for subscription items in the SubscriptionsList.

Checklist

  • pnpm test runs as expected.
  • pnpm build runs as expected.
  • (If applicable) JSDoc comments have been added or updated for any package exports
  • (If applicable) Documentation has been updated

Type of change

  • 🐛 Bug fix
  • 🌟 New feature
  • 🔨 Breaking change
  • 📖 Refactoring / dependency upgrade / documentation
  • other:

@vercel
Copy link
Copy Markdown

vercel Bot commented Jun 3, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
clerk-js-sandbox Ready Ready Preview, Comment Jun 3, 2026 5:15pm

Request Review

@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Jun 3, 2026

⚠️ No Changeset found

Latest commit: e1881ba

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

})}
>
{nextPayment.amount.currencySymbol}
{nextPayment.amount.amountFormatted}
Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this will be updated to next_payment.totals.grand_total once #8739 is merged

: null;
const seatsTotalTier = subscriptionItem.seats?.tiers?.find(t => t.total.amount > 0);
const monthLabel = t(localizationKeys('billing.month')).toLowerCase();
const seatLimitAndIncludedSeatsLocalizationKey =
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nit: this conditional is very hard to scan

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

it's so bad :/ any suggestions? It's just picking a specific localization key, so doesn't feel weighty enough to extract to a separate component.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants