update subscription plan table

xvvvyz · Oct 30, 2024 · aa3d5c5 · aa3d5c5
1 parent 9ccc5c9
commit aa3d5c5
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 12 deletions.
diff --git a/app/(pages)/@modal/(layout)/teams/[teamId]/upgrade/page.tsx b/app/(pages)/@modal/(layout)/teams/[teamId]/upgrade/page.tsx
@@ -26,41 +26,48 @@ 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>
         </table>
         <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
@@ -34,7 +34,7 @@ const CheckoutButton = ({ disabled, teamId, variant }: CheckoutButtonProps) => {
         else setIsBillingRedirectLoading(false);
       }}
     >
-      Upgrade
+      Continue
     </Button>
   );
 };

diff --git a/middleware.ts b/middleware.ts
@@ -48,6 +48,7 @@ export const middleware = async (req: NextRequest) => {
       '/inbox',
       '/inputs',
       '/subjects',
+      '/teams',
       '/templates',
     ];