From 5d1215f2936b649c7a73c6fb920cfe128540a971 Mon Sep 17 00:00:00 2001
From: timothycarambat <rambat1010@gmail.com>
Date: Fri, 11 Aug 2023 17:33:17 -0700
Subject: [PATCH] dont show managed hosting while managed already

---
 frontend/src/components/Sidebar/index.jsx | 48 +++++++++++------------
 1 file changed, 23 insertions(+), 25 deletions(-)

diff --git a/frontend/src/components/Sidebar/index.jsx b/frontend/src/components/Sidebar/index.jsx
index 4e0cfe87..4a074a34 100644
--- a/frontend/src/components/Sidebar/index.jsx
+++ b/frontend/src/components/Sidebar/index.jsx
@@ -98,17 +98,7 @@ export default function Sidebar() {
                     Feedback form
                   </p>
                 </a>
-                <a
-                  href={paths.hosting()}
-                  target="_blank"
-                  className="flex flex-grow w-[100%] h-[36px] gap-x-2 py-[5px] px-4 border border-slate-400 dark:border-transparent rounded-lg text-slate-800 dark:text-slate-200 justify-center items-center hover:bg-slate-100 dark:bg-stone-800 dark:hover:bg-stone-900"
-                >
-                  <Package className="h-4 w-4" />
-                  <p className="text-slate-800 dark:text-slate-200 text-xs leading-loose font-semibold">
-                    Managed cloud hosting
-                  </p>
-                </a>
-
+                <ManagedHosting />
                 <LogoutButton />
               </div>
 
@@ -201,10 +191,11 @@ export function SidebarMobileHeader() {
         className={`z-99 fixed top-0 left-0 transition-all duration-500 w-[100vw] h-[100vh]`}
       >
         <div
-          className={`${showBgOverlay
-            ? "transition-all opacity-1"
-            : "transition-none opacity-0"
-            }  duration-500 fixed top-0 left-0 bg-black-900 bg-opacity-75 w-screen h-screen`}
+          className={`${
+            showBgOverlay
+              ? "transition-all opacity-1"
+              : "transition-none opacity-0"
+          }  duration-500 fixed top-0 left-0 bg-black-900 bg-opacity-75 w-screen h-screen`}
           onClick={() => setShowSidebar(false)}
         />
         <div
@@ -265,16 +256,7 @@ export function SidebarMobileHeader() {
                       Feedback form
                     </p>
                   </a>
-                  <a
-                    href={paths.hosting()}
-                    target="_blank"
-                    className="flex flex-grow w-[100%] h-[36px] gap-x-2 py-[5px] px-4 border border-slate-400 dark:border-transparent rounded-lg text-slate-800 dark:text-slate-200 justify-center items-center hover:bg-slate-100 dark:bg-stone-800 dark:hover:bg-stone-900"
-                  >
-                    <Package className="h-4 w-4" />
-                    <p className="text-slate-800 dark:text-slate-200 text-xs leading-loose font-semibold">
-                      Managed cloud hosting
-                    </p>
-                  </a>
+                  <ManagedHosting />
                   <LogoutButton />
                 </div>
 
@@ -354,3 +336,19 @@ function LogoutButton() {
     </button>
   );
 }
+
+function ManagedHosting() {
+  if (window.location.origin.includes(".useanything.com")) return null;
+  return (
+    <a
+      href={paths.hosting()}
+      target="_blank"
+      className="flex flex-grow w-[100%] h-[36px] gap-x-2 py-[5px] px-4 border border-slate-400 dark:border-transparent rounded-lg text-slate-800 dark:text-slate-200 justify-center items-center hover:bg-slate-100 dark:bg-stone-800 dark:hover:bg-stone-900"
+    >
+      <Package className="h-4 w-4" />
+      <p className="text-slate-800 dark:text-slate-200 text-xs leading-loose font-semibold">
+        Managed cloud hosting
+      </p>
+    </a>
+  );
+}