From 6be8952fbec810ac8fe4a7c89c3cc47f3a78bdaa Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Thu, 26 Mar 2026 21:31:56 +0100
Subject: [PATCH] fix: checkout page polish, metadata, and typescript fixes

---
 app/checkout/layout.tsx | 8 ++++++++
 app/checkout/page.tsx   | 6 +++---
 2 files changed, 11 insertions(+), 3 deletions(-)
 create mode 100644 app/checkout/layout.tsx

diff --git a/app/checkout/layout.tsx b/app/checkout/layout.tsx
new file mode 100644
index 0000000..8b9bba6
--- /dev/null
+++ b/app/checkout/layout.tsx
@@ -0,0 +1,8 @@
+export const metadata = {
+  title: 'Checkout — Pulse',
+  robots: 'noindex, nofollow',
+}
+
+export default function CheckoutLayout({ children }: { children: React.ReactNode }) {
+  return children
+}
diff --git a/app/checkout/page.tsx b/app/checkout/page.tsx
index c994104..320eaf9 100644
--- a/app/checkout/page.tsx
+++ b/app/checkout/page.tsx
@@ -19,7 +19,7 @@ import pulseLogo from '@/public/pulse_logo_no_margins.png'
 
 const VALID_PLANS = new Set(Object.keys(PLAN_PRICES))
 const VALID_INTERVALS = new Set(['month', 'year'])
-const VALID_LIMITS = new Set(TRAFFIC_TIERS.map((t) => t.value))
+const VALID_LIMITS = new Set<number>(TRAFFIC_TIERS.map((t) => t.value))
 
 function isValidCheckoutParams(plan: string | null, interval: string | null, limit: string | null) {
   if (!plan || !interval || !limit) return false
@@ -196,14 +196,14 @@ function CheckoutContent() {
           <div className="grid grid-cols-1 gap-6 lg:grid-cols-2">
             {/* Left — Plan summary */}
             <PlanSummary
-              planId={planId}
+              plan={planId}
               interval={billingInterval}
               limit={pageviewLimit}
             />
 
             {/* Right — Payment form */}
             <PaymentForm
-              planId={planId}
+              plan={planId}
               interval={billingInterval}
               limit={pageviewLimit}
             />