feat: hide upgrade button when on active subscription

apps/web/src/components/SideNavigation.tsx

@@ -177,31 +177,33 @@ export default function SideNavigation({
             isCollapsed={isCollapsed}
             onCloseSideNav={onCloseSideNav}
           />
-          {isCloudEnv && !hasActiveSubscription(subscriptions, "pro") && (
-            <div className={twMerge(isCollapsed && "flex justify-center")}>
-              {isCollapsed ? (
-                <ButtonComponent
-                  iconLeft={<HiBolt />}
-                  variant="secondary"
-                  href="/settings/workspace?upgrade=pro"
-                  aria-label="Upgrade to Pro"
-                  title="Upgrade to Pro"
-                  iconOnly
-                  onClick={() => openModal("UPGRADE_TO_PRO")}
-                />
-              ) : (
-                <ButtonComponent
-                  iconLeft={<HiBolt />}
-                  fullWidth
-                  variant="secondary"
-                  href="/settings/workspace?upgrade=pro"
-                  onClick={() => openModal("UPGRADE_TO_PRO")}
-                >
-                  {t`Upgrade to Pro`}
-                </ButtonComponent>
-              )}
-            </div>
-          )}
+          {isCloudEnv &&
+            !hasActiveSubscription(subscriptions, "pro") &&
+            !hasActiveSubscription(subscriptions, "team") && (
+              <div className={twMerge(isCollapsed && "flex justify-center")}>
+                {isCollapsed ? (
+                  <ButtonComponent
+                    iconLeft={<HiBolt />}
+                    variant="secondary"
+                    href="/settings/workspace?upgrade=pro"
+                    aria-label="Upgrade to Pro"
+                    title="Upgrade to Pro"
+                    iconOnly
+                    onClick={() => openModal("UPGRADE_TO_PRO")}
+                  />
+                ) : (
+                  <ButtonComponent
+                    iconLeft={<HiBolt />}
+                    fullWidth
+                    variant="secondary"
+                    href="/settings/workspace?upgrade=pro"
+                    onClick={() => openModal("UPGRADE_TO_PRO")}
+                  >
+                    {t`Upgrade to Pro`}
+                  </ButtonComponent>
+                )}
+              </div>
+            )}
         </div>
       </nav>
     </>

apps/web/src/views/members/index.tsx

@@ -181,7 +181,7 @@ export default function MembersPage() {
           <div className="flex items-center gap-3">
             {env("NEXT_PUBLIC_KAN_ENV") === "cloud" && (
               <>
-                {!proSubscription && (
+                {!proSubscription && !teamSubscription && (
                   <Link
                     href="/settings/workspace?upgrade=pro"
                     className="hidden items-center rounded-full border border-emerald-300 bg-emerald-50 px-3 py-1 text-center text-xs text-emerald-400 dark:border-emerald-700 dark:bg-emerald-950 dark:text-emerald-400 lg:flex"

apps/web/src/views/settings/WorkspaceSettings.tsx

@@ -80,7 +80,8 @@ export default function WorkspaceSettings() {
         />
 
         {env("NEXT_PUBLIC_KAN_ENV") === "cloud" &&
-          !hasActiveSubscription(subscriptions, "pro") && (
+          !hasActiveSubscription(subscriptions, "pro") &&
+          !hasActiveSubscription(subscriptions, "team") && (
             <div className="my-8">
               <Button
                 onClick={() => openModal("UPGRADE_TO_PRO")}