From a5a26b5787486a6cf8c668d9baba0a45ca02038b Mon Sep 17 00:00:00 2001
From: Prateek Shourya <prateekshourya29@gmail.com>
Date: Wed, 10 Jul 2024 21:13:07 +0530
Subject: [PATCH] chore: add back enterprise billing page. (#603)

---
 .../components/license/plane-one-billing.tsx   | 18 ++++++++++++------
 web/ee/components/workspace/billing/root.tsx   | 17 ++++++++++++++++-
 2 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/web/ee/components/license/plane-one-billing.tsx b/web/ee/components/license/plane-one-billing.tsx
index 3c69105d79..25617f347a 100644
--- a/web/ee/components/license/plane-one-billing.tsx
+++ b/web/ee/components/license/plane-one-billing.tsx
@@ -1,7 +1,9 @@
 import Image from "next/image";
 import { ExternalLink } from "lucide-react";
 // ui
-import { Button } from "@plane/ui";
+import { getButtonStyling } from "@plane/ui";
+// helpers
+import { cn } from "@/helpers/common.helper";
 // assets
 import PlaneOneLogo from "@/public/plane-logos/plane-one.svg";
 
@@ -32,13 +34,17 @@ export const PlaneOneBilling: React.FC = () => (
             <h4 className="text-2xl mb-1 leading-6 font-bold"> Plane One</h4>
           </div>
           <div>
-            <Button
-              variant="neutral-primary"
-              className="cursor-pointer rounded-2xl px-3 py-1.5 text-center text-sm font-medium outline-none"
+            <a
+              href="https://prime.plane.so/"
+              target="_blank"
+              className={cn(
+                getButtonStyling("neutral-primary", "md"),
+                "cursor-pointer rounded-2xl px-3 py-1.5 text-center text-sm font-medium outline-none"
+              )}
             >
-              {"Manage your license "}
+              {"Manage your license"}
               <ExternalLink className="h-3 w-3" strokeWidth={2} />
-            </Button>
+            </a>
           </div>
         </div>
         <p className="mt-4 text-lg">Perpetual license: 1</p>
diff --git a/web/ee/components/workspace/billing/root.tsx b/web/ee/components/workspace/billing/root.tsx
index 522692913a..fe86dd9060 100644
--- a/web/ee/components/workspace/billing/root.tsx
+++ b/web/ee/components/workspace/billing/root.tsx
@@ -1 +1,16 @@
-export * from "ce/components/workspace/billing/root";
+import { observer } from "mobx-react";
+// hooks
+import { useInstance } from "@/hooks/store";
+// plane web components
+import { PlaneOneBilling, PlaneCloudBilling } from "@/plane-web/components/license";
+
+export const BillingRoot = observer(() => {
+  // store hooks
+  const { instance } = useInstance();
+
+  if (instance?.product === "plane-one") {
+    return <PlaneOneBilling />;
+  }
+
+  return <PlaneCloudBilling />;
+});