Skip to content

chore(clerk-js,types,localizations): Break out subscriptions and plans within User/OrgProfile #5727

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

Merged
merged 20 commits into from
Apr 28, 2025

Conversation

aeliox
Copy link
Contributor

@aeliox aeliox commented Apr 26, 2025

Description

  • Break out subscriptions and plans into different pages within UserProfile and OrgProfile
  • Display free plan row when "active" and plan has features
  • Tidy up design of subscription rows and badging
  • Cleans up design of plan cards in PricingTable
  • Adds SubscriptionDetails support for plans without a current subscription

https://linear.app/clerk/issue/COM-597/break-out-subscriptions-from-pricingtable-in-userorg-profile
https://linear.app/clerk/issue/COM-517/update-badging-on-subscription-rows
https://linear.app/clerk/issue/COM-626/subscriptiondetails-needs-a-state-for-no-subscription

Screenshot 2025-04-25 at 10 24 05 PM Screenshot 2025-04-25 at 10 25 17 PM Screenshot 2025-04-25 at 10 25 28 PM Screenshot 2025-04-25 at 10 27 16 PM Screenshot 2025-04-27 at 10 38 57 PM Screenshot 2025-04-27 at 10 45 42 PM

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:

Sorry, something went wrong.

Copy link

changeset-bot bot commented Apr 26, 2025

🦋 Changeset detected

Latest commit: 8c4c4f0

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 22 packages
Name Type
@clerk/localizations Patch
@clerk/clerk-js Patch
@clerk/types Patch
@clerk/clerk-react Patch
@clerk/chrome-extension Patch
@clerk/clerk-expo Patch
@clerk/agent-toolkit Patch
@clerk/astro Patch
@clerk/backend Patch
@clerk/elements Patch
@clerk/expo-passkeys Patch
@clerk/express Patch
@clerk/fastify Patch
@clerk/nextjs Patch
@clerk/nuxt Patch
@clerk/react-router Patch
@clerk/remix Patch
@clerk/shared Patch
@clerk/tanstack-react-start Patch
@clerk/testing Patch
@clerk/themes Patch
@clerk/vue Patch

Not sure what this means? Click here to learn what changesets are.

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

Copy link

vercel bot commented Apr 26, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
clerk-js-sandbox ✅ Ready (Inspect) Visit Preview 💬 Add feedback Apr 28, 2025 7:01pm

@aeliox aeliox requested a review from panteliselef April 26, 2025 05:44
@aeliox aeliox changed the title chore(clerk-js,types,localizations): Break out subscriptions and plans from UserProfile and OrgProfile chore(clerk-js,types,localizations): Break out subscriptions and plans from User/OrgProfile Apr 26, 2025
@aeliox aeliox changed the title chore(clerk-js,types,localizations): Break out subscriptions and plans from User/OrgProfile chore(clerk-js,types,localizations): Break out subscriptions and plans within User/OrgProfile Apr 26, 2025
@drewwilson
Copy link

looking good! any chance we can get the page title separator in there? on the "Available plans" page?
Screenshot 2025-04-25 at 10 57 44 PM

@drewwilson
Copy link

Also, the plan tiles have a slight shadow on them. Same shadow as the tables:

/* table-shadow */
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(25, 28, 33, 0.12), 0px 0px 0px 1px var(--color-Generated-Border, rgba(0, 0, 0, 0.06));

@panteliselef
Copy link
Member

@drewwilson @aeliox Is this white space on purpose ?
image

@panteliselef
Copy link
Member

The bottom part and the border on the footer, seem weird if no features exist.
image

Copy link
Member

@panteliselef panteliselef left a comment

Choose a reason for hiding this comment

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

Left a few comments that require more attention.

Comment on lines +69 to +74
<Route path='plans'>
{/* TODO(@commerce): Should this be lazy loaded ? */}
<Suspense fallback={''}>
<PlansPage />
</Suspense>
</Route>
Copy link
Member

Choose a reason for hiding this comment

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

  1. Can we lazy load ?
  2. Adding this page possibly means that we cannot just remove it later since it become part of a url which is considered public api.

@panteliselef panteliselef dismissed their stale review April 28, 2025 19:08

alex approved

@aeliox aeliox merged commit 462b5b2 into main Apr 28, 2025
31 checks passed
@aeliox aeliox deleted the keiran/com-597 branch April 28, 2025 19:17
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.

None yet

5 participants