diff --git a/artifacts/pr/plans-need-more-hover.webp b/artifacts/pr/plans-need-more-hover.webp new file mode 100644 index 0000000000..aaef2fd41c Binary files /dev/null and b/artifacts/pr/plans-need-more-hover.webp differ diff --git a/artifacts/pr/plans-need-more-pill.webp b/artifacts/pr/plans-need-more-pill.webp new file mode 100644 index 0000000000..ce6b7f8373 Binary files /dev/null and b/artifacts/pr/plans-need-more-pill.webp differ diff --git a/artifacts/pr/plans-org-warn-after-cards.webp b/artifacts/pr/plans-org-warn-after-cards.webp new file mode 100644 index 0000000000..b66c59f8d1 Binary files /dev/null and b/artifacts/pr/plans-org-warn-after-cards.webp differ diff --git a/src/pages/settings/organization/Plans.vue b/src/pages/settings/organization/Plans.vue index ec544494f8..f5ec3bff87 100644 --- a/src/pages/settings/organization/Plans.vue +++ b/src/pages/settings/organization/Plans.vue @@ -482,7 +482,7 @@ function buttonStyle(p: Database['public']['Tables']['plans']['Row']) {
-
+

{{ t(showExpiredTrialState ? 'trial-ended-title' : 'plan-pricing-plans') }}

@@ -494,9 +494,9 @@ function buttonStyle(p: Database['public']['Tables']['plans']['Row']) {
+ +
+ {{ t('plan-page-warn').replace('%ORG_NAME%', currentOrganization?.name ?? '') }} + {{ t('plan-page-warn-2') }} +
+ @@ -652,12 +658,6 @@ function buttonStyle(p: Database['public']['Tables']['plans']['Row']) {
- - -
- {{ t('plan-page-warn').replace('%ORG_NAME%', currentOrganization?.name ?? '') }} - {{ t('plan-page-warn-2') }} -
diff --git a/tests/plans-expired-trial-layout.unit.test.ts b/tests/plans-expired-trial-layout.unit.test.ts index c8fae0b584..e99884c8b6 100644 --- a/tests/plans-expired-trial-layout.unit.test.ts +++ b/tests/plans-expired-trial-layout.unit.test.ts @@ -6,11 +6,13 @@ const plansSource = readFileSync(new URL('../src/pages/settings/organization/Pla describe('expired trial plans layout', () => { it('keeps the credits and premium support banners below the plans', () => { const plansIndex = plansSource.indexOf('') + const warnIndex = plansSource.indexOf('plan-page-warn') const creditsIndex = plansSource.indexOf('