cut plans

Author: Blank12980

apps/web/app/(all)/[workspaceSlug]/(projects)/active-cycles/header.tsx

@@ -11,8 +11,6 @@ import { CycleIcon } from "@plane/propel/icons";
 import { Breadcrumbs, Header } from "@plane/ui";
 // components
 import { BreadcrumbLink } from "@/components/common/breadcrumb-link";
-// plane web components
-import { UpgradeBadge } from "@/plane-web/components/workspace/upgrade-badge";
 
 export const WorkspaceActiveCycleHeader = observer(function WorkspaceActiveCycleHeader() {
   const { t } = useTranslation();
@@ -29,7 +27,6 @@ export const WorkspaceActiveCycleHeader = observer(function WorkspaceActiveCycle
             }
           />
         </Breadcrumbs>
-        <UpgradeBadge size="md" />
       </Header.LeftItem>
     </Header>
   );

apps/web/ce/components/active-cycles/root.tsx

@@ -4,9 +4,6 @@
  * See the LICENSE file for details.
  */
 
-// local imports
-import { WorkspaceActiveCyclesUpgrade } from "./workspace-active-cycles-upgrade";
-
 export function WorkspaceActiveCyclesRoot() {
-  return <WorkspaceActiveCyclesUpgrade />;
+  return null;
 }

apps/web/ce/components/issues/bulk-operations/root.tsx

@@ -5,8 +5,6 @@
  */
 
 import { observer } from "mobx-react";
-// components
-import { BulkOperationsUpgradeBanner } from "@/components/issues/bulk-operations/upgrade-banner";
 // hooks
 import { useMultipleSelectStore } from "@/hooks/store/use-multiple-select-store";
 import type { TSelectionHelper } from "@/hooks/use-multiple-select";
@@ -16,12 +14,6 @@ type Props = {
   selectionHelpers: TSelectionHelper;
 };
 
-export const IssueBulkOperationsRoot = observer(function IssueBulkOperationsRoot(props: Props) {
-  const { className, selectionHelpers } = props;
-  // store hooks
-  const { isSelectionActive } = useMultipleSelectStore();
-
-  if (!isSelectionActive || selectionHelpers.isSelectionDisabled) return null;
-
-  return <BulkOperationsUpgradeBanner className={className} />;
+export const IssueBulkOperationsRoot = observer(function IssueBulkOperationsRoot(_props: Props) {
+  return null;
 });

apps/web/ce/components/pages/editor/embed/issue-embed-upgrade-card.tsx

@@ -4,36 +4,6 @@
  * See the LICENSE file for details.
  */
 
-// plane imports
-import { getButtonStyling } from "@plane/propel/button";
-import { cn } from "@plane/utils";
-// components
-import { ProIcon } from "@/components/common/pro-icon";
-
-export function IssueEmbedUpgradeCard(props: any) {
-  return (
-    <div
-      className={cn(
-        "flex w-full items-center justify-between gap-5 rounded-md border-[0.5px] border-subtle bg-layer-1 px-5 py-2 shadow-raised-100 max-md:flex-wrap",
-        {
-          "border-2": props.selected,
-        }
-      )}
-    >
-      <div className="flex items-center gap-4">
-        <ProIcon className="size-4 flex-shrink-0" />
-        <p className="!text-14 text-secondary">
-          Embed and access issues in pages seamlessly, upgrade to Plane Pro now.
-        </p>
-      </div>
-      <a
-        href="https://plane.so/pro"
-        target="_blank"
-        rel="noopener noreferrer"
-        className={cn(getButtonStyling("primary", "base"), "no-underline")}
-      >
-        Upgrade
-      </a>
-    </div>
-  );
+export function IssueEmbedUpgradeCard(_props: any) {
+  return null;
 }

apps/web/ce/components/workspace/billing/root.tsx

@@ -4,45 +4,16 @@
  * See the LICENSE file for details.
  */
 
-import { useState } from "react";
 import { observer } from "mobx-react";
 // plane imports
-import { DEFAULT_PRODUCT_BILLING_FREQUENCY, SUBSCRIPTION_WITH_BILLING_FREQUENCY } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
-import type { TBillingFrequency, TProductBillingFrequency } from "@plane/types";
-import { EProductSubscriptionEnum } from "@plane/types";
 // components
 import { SettingsBoxedControlItem } from "@/components/settings/boxed-control-item";
 import { SettingsHeading } from "@/components/settings/heading";
-// local imports
-import { PlansComparison } from "./comparison/root";
 
 export const BillingRoot = observer(function BillingRoot() {
-  const [isCompareAllFeaturesSectionOpen, setIsCompareAllFeaturesSectionOpen] = useState(false);
-  const [productBillingFrequency, setProductBillingFrequency] = useState<TProductBillingFrequency>(
-    DEFAULT_PRODUCT_BILLING_FREQUENCY
-  );
   const { t } = useTranslation();
 
-  /**
-   * Retrieves the billing frequency for a given subscription type
-   * @param {EProductSubscriptionEnum} subscriptionType - Type of subscription to get frequency for
-   * @returns {TBillingFrequency | undefined} - Billing frequency if subscription supports it, undefined otherwise
-   */
-  const getBillingFrequency = (subscriptionType: EProductSubscriptionEnum): TBillingFrequency | undefined =>
-    SUBSCRIPTION_WITH_BILLING_FREQUENCY.includes(subscriptionType)
-      ? productBillingFrequency[subscriptionType]
-      : undefined;
-
-  /**
-   * Updates the billing frequency for a specific subscription type
-   * @param {EProductSubscriptionEnum} subscriptionType - Type of subscription to update
-   * @param {TBillingFrequency} frequency - New billing frequency to set
-   * @returns {void}
-   */
-  const setBillingFrequency = (subscriptionType: EProductSubscriptionEnum, frequency: TBillingFrequency): void =>
-    setProductBillingFrequency({ ...productBillingFrequency, [subscriptionType]: frequency });
-
   return (
     <section className="relative scrollbar-hide size-full overflow-y-auto">
       <div>
@@ -57,15 +28,6 @@ export const BillingRoot = observer(function BillingRoot() {
           />
         </div>
       </div>
-      <div className="mt-10 flex flex-col gap-y-3">
-        <h4 className="text-h6-semibold">All plans</h4>
-        <PlansComparison
-          isCompareAllFeaturesSectionOpen={isCompareAllFeaturesSectionOpen}
-          getBillingFrequency={getBillingFrequency}
-          setBillingFrequency={setBillingFrequency}
-          setIsCompareAllFeaturesSectionOpen={setIsCompareAllFeaturesSectionOpen}
-        />
-      </div>
     </section>
   );
 });

apps/web/ce/components/workspace/edition-badge.tsx

@@ -4,43 +4,26 @@
  * See the LICENSE file for details.
  */
 
-import { useState } from "react";
 import { observer } from "mobx-react";
 // ui
 import { useTranslation } from "@plane/i18n";
 import { Tooltip } from "@plane/propel/tooltip";
 // hooks
 import { usePlatformOS } from "@/hooks/use-platform-os";
 import packageJson from "package.json";
-// local components
-import { PaidPlanUpgradeModal } from "../license";
 import { Button } from "@plane/propel/button";
 
 export const WorkspaceEditionBadge = observer(function WorkspaceEditionBadge() {
-  // states
-  const [isPaidPlanPurchaseModalOpen, setIsPaidPlanPurchaseModalOpen] = useState(false);
   // translation
   const { t } = useTranslation();
   // platform
   const { isMobile } = usePlatformOS();
 
   return (
-    <>
-      <PaidPlanUpgradeModal
-        isOpen={isPaidPlanPurchaseModalOpen}
-        handleClose={() => setIsPaidPlanPurchaseModalOpen(false)}
-      />
-      <Tooltip tooltipContent={`Version: v${packageJson.version}`} isMobile={isMobile}>
-        <Button
-          variant="tertiary"
-          size="lg"
-          onClick={() => setIsPaidPlanPurchaseModalOpen(true)}
-          aria-haspopup="dialog"
-          aria-label={t("aria_labels.projects_sidebar.edition_badge")}
-        >
-          Community
-        </Button>
-      </Tooltip>
-    </>
+    <Tooltip tooltipContent={`Version: v${packageJson.version}`} isMobile={isMobile}>
+      <Button variant="tertiary" size="lg" aria-label={t("aria_labels.projects_sidebar.edition_badge")}>
+        Community
+      </Button>
+    </Tooltip>
   );
 });

apps/web/ce/components/workspace/sidebar/extended-sidebar-item.tsx

@@ -26,7 +26,6 @@ import { useAppTheme } from "@/hooks/store/use-app-theme";
 import { useUser, useUserPermissions } from "@/hooks/store/user";
 import { useWorkspaceNavigationPreferences } from "@/hooks/use-navigation-preferences";
 // local imports
-import { UpgradeBadge } from "../upgrade-badge";
 import { getSidebarNavigationItemIcon } from "./helper";
 
 type TExtendedSidebarItemProps = {
@@ -199,11 +198,6 @@ export const ExtendedSidebarItem = observer(function ExtendedSidebarItem(props:
             </div>
           </Link>
           <div className="flex items-center gap-2">
-            {item.key === "active_cycles" && (
-              <div className="flex-shrink-0">
-                <UpgradeBadge />
-              </div>
-            )}
             {isPinned ? (
               <Tooltip tooltipContent="Unpin">
                 <PinOff

apps/web/ce/components/workspace/upgrade-badge.tsx

@@ -13,23 +13,6 @@ type TUpgradeBadge = {
   size?: "sm" | "md";
 };
 
-export function UpgradeBadge(props: TUpgradeBadge) {
-  const { className, size = "sm" } = props;
-
-  const { t } = useTranslation();
-
-  return (
-    <div
-      className={cn(
-        "w-fit cursor-pointer rounded-2xl bg-accent-primary/20 text-center font-medium text-accent-secondary outline-none",
-        {
-          "px-3 text-13": size === "md",
-          "px-2 text-11": size === "sm",
-        },
-        className
-      )}
-    >
-      {t("sidebar.pro")}
-    </div>
-  );
+export function UpgradeBadge(_props: TUpgradeBadge) {
+  return null;
 }

apps/web/core/components/estimates/create/stage-one.tsx

@@ -14,7 +14,6 @@ import type { TEstimateSystemKeys } from "@plane/types";
 import { convertMinutesToHoursMinutesString } from "@plane/utils";
 // plane web imports
 import { isEstimateSystemEnabled } from "@/plane-web/components/estimates/helper";
-import { UpgradeBadge } from "@/plane-web/components/workspace/upgrade-badge";
 import { RadioInput } from "../radio-select";
 // local imports
 
@@ -53,7 +52,6 @@ export function EstimateCreateStageOne(props: TEstimateCreateStageOne) {
                 ) : !isEnabled ? (
                   <div className="relative flex cursor-no-drop items-center gap-2 text-tertiary">
                     {t(ESTIMATE_SYSTEMS[currentSystem]?.i18n_name)}
-                    <UpgradeBadge />
                   </div>
                 ) : (
                   <div>{t(ESTIMATE_SYSTEMS[currentSystem]?.i18n_name)}</div>

apps/web/core/components/project/settings/features-list.tsx

@@ -8,16 +8,13 @@ import { observer } from "mobx-react";
 // plane imports
 import { useTranslation } from "@plane/i18n";
 import { setPromiseToast } from "@plane/propel/toast";
-import { Tooltip } from "@plane/propel/tooltip";
 import type { IProject } from "@plane/types";
 import { CycleIcon, IntakeIcon, ModuleIcon, PageIcon, ViewsIcon } from "@plane/propel/icons";
 // components
 import { SettingsBoxedControlItem } from "@/components/settings/boxed-control-item";
 import { SettingsHeading } from "@/components/settings/heading";
 // hooks
 import { useProject } from "@/hooks/store/use-project";
-// plane web imports
-import { UpgradeBadge } from "@/plane-web/components/workspace/upgrade-badge";
 // local imports
 import { ProjectFeatureToggle } from "./helper";
 
@@ -34,7 +31,6 @@ const PROJECT_FEATURES_LIST = {
     title: "Cycles",
     description: "Timebox work as you see fit per project and change frequency from one period to the next.",
     icon: <CycleIcon className="h-5 w-5 flex-shrink-0 rotate-180 text-tertiary" />,
-    isPro: false,
     isEnabled: true,
   },
   modules: {
@@ -43,7 +39,6 @@ const PROJECT_FEATURES_LIST = {
     title: "Modules",
     description: "Group work into sub-project-like set-ups with their own leads and assignees.",
     icon: <ModuleIcon width={20} height={20} className="flex-shrink-0 text-tertiary" />,
-    isPro: false,
     isEnabled: true,
   },
   views: {
@@ -52,7 +47,6 @@ const PROJECT_FEATURES_LIST = {
     title: "Views",
     description: "Save sorts, filters, and display options for later or share them.",
     icon: <ViewsIcon className="h-5 w-5 flex-shrink-0 text-tertiary" />,
-    isPro: false,
     isEnabled: true,
   },
   pages: {
@@ -61,7 +55,6 @@ const PROJECT_FEATURES_LIST = {
     title: "Pages",
     description: "Write anything like you write anything.",
     icon: <PageIcon className="h-5 w-5 flex-shrink-0 text-tertiary" />,
-    isPro: false,
     isEnabled: true,
   },
   inbox: {
@@ -70,7 +63,6 @@ const PROJECT_FEATURES_LIST = {
     title: "Intake",
     description: "Consider and discuss work items before you add them to your project.",
     icon: <IntakeIcon className="h-5 w-5 flex-shrink-0 text-tertiary" />,
-    isPro: false,
     isEnabled: true,
   },
 };
@@ -119,11 +111,6 @@ export const ProjectFeaturesList = observer(function ProjectFeaturesList(props:
                 title={
                   <span className="flex items-center gap-2">
                     {t(featureItem.key)}
-                    {featureItem.isPro && (
-                      <Tooltip tooltipContent="Pro feature" position="top">
-                        <UpgradeBadge className="rounded-sm" />
-                      </Tooltip>
-                    )}
                   </span>
                 }
                 description={t(`${featureItem.key}_description`)}
@@ -138,9 +125,6 @@ export const ProjectFeaturesList = observer(function ProjectFeaturesList(props:
                   />
                 }
               />
-              {/* {currentProjectDetails?.[featureItem.property as keyof IProject] && (
-                <div className="pl-14">{featureItem.renderChildren?.(currentProjectDetails, workspaceSlug)}</div>
-              )} */}
             </div>
           ))}
         </div>