diff --git a/.changeset/full-webs-beam.md b/.changeset/full-webs-beam.md new file mode 100644 index 00000000000..88380e764eb --- /dev/null +++ b/.changeset/full-webs-beam.md @@ -0,0 +1,6 @@ +--- +'@clerk/localizations': patch +'@clerk/clerk-js': patch +--- + +Move `<__experimental_PaymentSources />` component under `Billing` -> `Subscriptions` tab and delete `Payment methods` tab diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationBillingPage.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationBillingPage.tsx index 8da2d3e33a9..5af263b62a7 100644 --- a/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationBillingPage.tsx +++ b/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationBillingPage.tsx @@ -5,7 +5,7 @@ import { SubscriberTypeContext, useSubscriptions, } from '../../contexts'; -import { Button, Col, descriptors, localizationKeys } from '../../customizables'; +import { Button, Col, descriptors, Flex, localizationKeys } from '../../customizables'; import { Card, Header, @@ -73,28 +73,26 @@ const OrganizationBillingPageInternal = withCardStateProvider(() => { - {subscriptions.data.length > 0 ? ( - <> +