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 4e0cfe87f..4a074a345 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> + ); +} -- GitLab