Link to the Design Studio pricing page for upgrades (#206)

Author: jacebrowning

src/components/AccountMenu.svelte

@@ -77,7 +77,7 @@
 				</p>
 			</div>
 			<a
-				href={paths.ZOO_BILLING}
+				href={paths.ZOO_ACCOUNT}
 				class="menu-button"
 				on:keydown={dismiss}
 				target="_blank"

src/components/BlockedMessage.svelte

@@ -8,14 +8,14 @@
 <div class="p-4 tracking-wide text-xl text-blue border border-blue bg-blue/10 rounded">
 	{#if blockedReason === 'missing_payment_method'}
 		<p>
-			You've used up all your free credits for this month. To continue using Text-to-CAD, please add
-			a payment method to <a href={paths.ZOO_BILLING} class="underline">your Zoo account</a>.
+			You've used up all your free credits for this month. To continue using Text-to-CAD, please
+			<a href={paths.ZOO_UPGRADE} class="underline">upgrade your account</a>.
 		</p>
 	{:else if blockedReason === 'payment_method_failed'}
 		<p>
 			Your payment method failed to process, and you are out of free credits for this month. To
 			continue using Text-to-CAD, please provide a new one within <a
-				href={paths.ZOO_BILLING}
+				href={paths.ZOO_ACCOUNT}
 				class="underline">your Zoo account</a
 			>.
 		</p>

src/lib/paths.ts

@@ -15,6 +15,7 @@ export const paths = {
 	VIEW: (viewId: string) => `/view/${viewId}`,
 	SIGN_OUT: `/?${SIGN_OUT_PARAM}=true`,
 	ZOO_SITE: SITE,
-	ZOO_BILLING: SITE + '/account',
+	ZOO_ACCOUNT: SITE + '/account',
+	ZOO_UPGRADE: SITE + '/design-studio-pricing',
 	ZOO_ML: SITE + '/machine-learning-api'
 } as const

tests/user.playwright.ts

@@ -9,11 +9,11 @@ test('Shows banner if user is blocked for missing payment', async ({ context })
 	await page.goto('http://localhost:3000/dashboard')
 	await page.waitForLoadState('domcontentloaded')
 
-	const banner = page.getByText('payment method', { exact: false })
+	const banner = page.getByText('your free credits', { exact: false })
 	const bannerLink = banner.getByRole('link')
 	await expect(banner).toBeVisible()
 	await expect(bannerLink).toBeVisible()
-	await expect(bannerLink).toHaveAttribute('href', /\/account/)
+	await expect(bannerLink).toHaveAttribute('href', /\/design-studio-pricing/)
 })
 
 test('Shows banner if user is blocked for failed payment', async ({ context }) => {