Skip to content

Conversation

@alexcarpenter
Copy link
Member

@alexcarpenter alexcarpenter commented May 6, 2025

Description

Updates SubscriptionsList UI to be within a profile section. Also fixes localization issue, where we were rendering userProfile scoped localizations within organizationProfile.

Org Profile:

Screenshot 2025-05-05 at 10 05 58 PM

User Profile:

Screenshot 2025-05-05 at 10 07 19 PM

Resolves COM-744

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:

@changeset-bot
Copy link

changeset-bot bot commented May 6, 2025

🦋 Changeset detected

Latest commit: 4a2c958

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

@vercel
Copy link

vercel bot commented May 6, 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 May 6, 2025 5:14am

@alexcarpenter alexcarpenter changed the title wip refactor(clerk-js,types): Update subscriptions listing UI May 6, 2025
export { default as CheckCircle } from './check-circle.svg';
export { default as CheckmarkFilled } from './checkmark-filled.svg';
export { default as ChevronDown } from './chevron-down.svg';
export { default as ChevronUpDown } from './chevron-up-down.svg';
Copy link
Member Author

Choose a reason for hiding this comment

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

Renamed ArrowUpDown to be ChevronUpDown to account for the newly added ArrowsUpDown icon.

No change in output:

Screenshot 2025-05-05 at 10 08 13 PM

Comment on lines 295 to 328
billingPage: {
subscriptionsListSection: {
actionLabel__switchPlan: 'Switch plans',
title: 'Subscription',
},
paymentSourcesSection: {
actionLabel__default: 'Make default',
actionLabel__remove: 'Remove',
add: 'Add new payment method',
addSubtitle: 'Add a new payment method to your account.',
cancelButton: 'Cancel',
formButtonPrimary__add: 'Add Payment Method',
formButtonPrimary__pay: 'Pay {{amount}}',
payWithTestCardButton: 'Pay with test card',
removeResource: {
messageLine1: '{{identifier}} will be removed from this account.',
messageLine2:
'You will no longer be able to use this payment source and any recurring subscriptions dependent on it will no longer work.',
successMessage: '{{paymentSource}} has been removed from your account.',
title: 'Remove payment method',
},
title: 'Payment methods',
},
start: {
headerTitle__invoices: 'Invoices',
headerTitle__plans: 'Plans',
headerTitle__subscriptions: 'Subscriptions',
},
subscriptionsSection: {
actionLabel__default: 'Manage',
},
title: 'Billing',
},
},
Copy link
Member Author

Choose a reason for hiding this comment

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

Update localizations to be scope to the profile they are within.

Copy link
Member

@brkalow brkalow left a comment

Choose a reason for hiding this comment

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

👏

@brkalow brkalow enabled auto-merge (squash) May 6, 2025 05:19
@brkalow brkalow merged commit e66c800 into main May 6, 2025
32 checks passed
@brkalow brkalow deleted the alexcarpenter/com-744-update-subscriptions-tab-and-table-layout branch May 6, 2025 05:20
wobsoriano pushed a commit that referenced this pull request May 6, 2025
Co-authored-by: Bryce Kalow <bryce@clerk.dev>
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.

4 participants