From aa3d5c55d72147c5dda517c992159c7b094337e0 Mon Sep 17 00:00:00 2001
From: cade <git@cade.me>
Date: Wed, 30 Oct 2024 12:30:30 -0700
Subject: [PATCH] update subscription plan table

---
 .../(layout)/teams/[teamId]/upgrade/page.tsx  | 29 ++++++++++++-------
 app/_components/checkout-button.tsx           |  2 +-
 middleware.ts                                 |  1 +
 3 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/app/(pages)/@modal/(layout)/teams/[teamId]/upgrade/page.tsx b/app/(pages)/@modal/(layout)/teams/[teamId]/upgrade/page.tsx
index f88133a2..aa4a56bf 100644
--- a/app/(pages)/@modal/(layout)/teams/[teamId]/upgrade/page.tsx
+++ b/app/(pages)/@modal/(layout)/teams/[teamId]/upgrade/page.tsx
@@ -26,33 +26,40 @@ const Page = async ({ params }: PageProps) => {
       <div className="space-y-14 px-4 pb-8 pt-6 sm:px-8">
         <table className="w-full">
           <thead>
-            <tr>
+            <tr className="text-fg-4">
               <th></th>
-              <th className="pb-2 text-xl font-normal text-fg-4">Free</th>
+              <th className="pb-2 text-xl font-normal">Free</th>
               <th className="pb-2 text-xl font-normal">Pro</th>
+              <th className="pb-2 text-xl font-normal">Team</th>
             </tr>
           </thead>
           <tbody className="divide-y divide-alpha-1">
             <tr>
-              <td className="py-2 text-fg-4">Active subject limit</td>
+              <td className="py-2 text-fg-4">Team seats</td>
+              <td className="py-2 text-center text-fg-4">1</td>
               <td className="py-2 text-center text-fg-4">2</td>
-              <td className="py-2 text-center">Unlimited</td>
+              <td className="py-2 text-center text-xl leading-none">∞</td>
             </tr>
             <tr>
-              <td className="py-2 text-fg-4">Priority customer support</td>
-              <td className="py-2 text-center text-fg-4">x</td>
-              <td className="py-2 text-center">✓</td>
+              <td className="py-2 text-fg-4">Subject limit</td>
+              <td className="py-2 text-center text-fg-4">2</td>
+              <td className="py-2 text-center text-xl leading-none">∞</td>
+              <td className="py-2 text-center text-xl leading-none">∞</td>
             </tr>
             <tr>
-              <td className="py-2 text-fg-4">Support our mission</td>
+              <td className="py-2 text-fg-4">Priority support</td>
               <td className="py-2 text-center text-fg-4">x</td>
               <td className="py-2 text-center">✓</td>
+              <td className="py-2 text-center">✓</td>
             </tr>
             <tr>
               <td></td>
-              <td className="pt-2 text-center text-fg-4">$0</td>
+              <td className="pt-2 text-center">$0</td>
+              <td className="pt-2 text-center">
+                $19<span className="text-xs"> / m</span>
+              </td>
               <td className="pt-2 text-center">
-                $19<span className="text-xs"> / month</span>
+                $59<span className="text-xs"> / m</span>
               </td>
             </tr>
           </tbody>
@@ -60,7 +67,7 @@ const Page = async ({ params }: PageProps) => {
         <div className="flex gap-4">
           <Modal.Close asChild>
             <Button className="w-full" colorScheme="transparent">
-              Close
+              Cancel
             </Button>
           </Modal.Close>
           <CheckoutButton
diff --git a/app/_components/checkout-button.tsx b/app/_components/checkout-button.tsx
index 44390a38..0b5d84ff 100644
--- a/app/_components/checkout-button.tsx
+++ b/app/_components/checkout-button.tsx
@@ -34,7 +34,7 @@ const CheckoutButton = ({ disabled, teamId, variant }: CheckoutButtonProps) => {
         else setIsBillingRedirectLoading(false);
       }}
     >
-      Upgrade
+      Continue
     </Button>
   );
 };
diff --git a/middleware.ts b/middleware.ts
index 38bac458..049defae 100644
--- a/middleware.ts
+++ b/middleware.ts
@@ -48,6 +48,7 @@ export const middleware = async (req: NextRequest) => {
       '/inbox',
       '/inputs',
       '/subjects',
+      '/teams',
       '/templates',
     ];