Improve billing states

Floe-dev · Jan 19, 2024 · 4c1f9f9 · 4c1f9f9
1 parent 5dda19a
commit 4c1f9f9
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/apps/app/src/app/(authenticated)/[workspace]/billing/page.tsx b/apps/app/src/app/(authenticated)/[workspace]/billing/page.tsx
@@ -201,10 +201,11 @@ export default async function Billing({
                 <form action={proCheckoutSession} method="POST">
                   <Button
                     className="w-full px-3 py-2 mt-6"
+                    color={hasCustomSubscription ? "gray" : "primary"}
                     disabled={Boolean(hasCustomSubscription)}
                     type="submit"
                   >
-                    Buy plan
+                    {hasCustomSubscription ? "Contact support" : "Buy plan"}
                   </Button>
                 </form>
               )}
@@ -259,10 +260,11 @@ export default async function Billing({
               <form action={customCheckoutSession} method="POST">
                 <Button
                   className="w-full px-3 py-2 mt-6"
+                  color={hasProSubscription ? "gray" : "primary"}
                   disabled={Boolean(hasProSubscription)}
                   type="submit"
                 >
-                  Buy plan
+                  {hasProSubscription ? "Contact support" : "Buy plan"}
                 </Button>
               </form>
             ) : (

diff --git a/apps/app/src/app/(authenticated)/[workspace]/nav.tsx b/apps/app/src/app/(authenticated)/[workspace]/nav.tsx
@@ -9,7 +9,7 @@ import {
   Bars3Icon,
   HomeIcon,
   XMarkIcon,
-  // CreditCardIcon,
+  CreditCardIcon,
   PuzzlePieceIcon,
   CodeBracketSquareIcon,
   ArrowRightOnRectangleIcon,
@@ -58,12 +58,12 @@ export function Nav({
       icon: CodeBracketSquareIcon,
       current: pathname === `/${workspace}/developers`,
     },
-    // {
-    //   name: "Billing",
-    //   href: `/${workspace}/billing`,
-    //   icon: CreditCardIcon,
-    //   current: pathname === `/${workspace}/billing`,
-    // },
+    {
+      name: "Billing",
+      href: `/${workspace}/billing`,
+      icon: CreditCardIcon,
+      current: pathname === `/${workspace}/billing`,
+    },
   ];
 
   return (