From 69c9837f066012a42a3d42a31015c487a551704d Mon Sep 17 00:00:00 2001
From: b-saikrishnakanth <bsaikrishnakanth97@gmail.com>
Date: Wed, 10 Dec 2025 14:32:30 +0530
Subject: [PATCH 1/2] chore: Hide "Pro" Features in Community Edition

---
 .../estimates/estimate-list-item-buttons.tsx  | 22 +----
 .../components/estimates/create/stage-one.tsx | 52 ++++++-----
 .../project/settings/features-list.tsx        | 93 ++++++++++---------
 3 files changed, 79 insertions(+), 88 deletions(-)

diff --git a/apps/web/ce/components/estimates/estimate-list-item-buttons.tsx b/apps/web/ce/components/estimates/estimate-list-item-buttons.tsx
index a2827d89760..a3e88778ced 100644
--- a/apps/web/ce/components/estimates/estimate-list-item-buttons.tsx
+++ b/apps/web/ce/components/estimates/estimate-list-item-buttons.tsx
@@ -1,10 +1,6 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
-import { Pen, Trash } from "lucide-react";
+import { Trash } from "lucide-react";
 import { PROJECT_SETTINGS_TRACKER_ELEMENTS } from "@plane/constants";
-import { Tooltip } from "@plane/propel/tooltip";
-// components
-import { ProIcon } from "@/components/common/pro-icon";
 
 type TEstimateListItem = {
   estimateId: string;
@@ -21,22 +17,6 @@ export const EstimateListItemButtons = observer(function EstimateListItemButtons
   if (!isAdmin || !isEditable) return <></>;
   return (
     <div className="relative flex items-center gap-1">
-      <Tooltip
-        tooltipContent={
-          <div className="relative flex items-center gap-2">
-            <div>Upgrade</div>
-            <ProIcon className="w-3 h-3" />
-          </div>
-        }
-        position="top"
-      >
-        <button
-          className="relative flex-shrink-0 w-6 h-6 flex justify-center items-center rounded cursor-pointer transition-colors overflow-hidden hover:bg-custom-background-80"
-          data-ph-element={PROJECT_SETTINGS_TRACKER_ELEMENTS.ESTIMATES_LIST_ITEM}
-        >
-          <Pen size={12} />
-        </button>
-      </Tooltip>
       <button
         className="relative flex-shrink-0 w-6 h-6 flex justify-center items-center rounded cursor-pointer transition-colors overflow-hidden hover:bg-custom-background-80"
         onClick={() => onDeleteClick && onDeleteClick(estimateId)}
diff --git a/apps/web/core/components/estimates/create/stage-one.tsx b/apps/web/core/components/estimates/create/stage-one.tsx
index 08b13d26d56..cdea4aa5e60 100644
--- a/apps/web/core/components/estimates/create/stage-one.tsx
+++ b/apps/web/core/components/estimates/create/stage-one.tsx
@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { Info } from "lucide-react";
 // plane imports
 import { EEstimateSystem, ESTIMATE_SYSTEMS } from "@plane/constants";
@@ -32,29 +31,32 @@ export function EstimateCreateStageOne(props: TEstimateCreateStageOne) {
     <div className="space-y-6">
       <div className="sm:flex sm:items-center sm:space-x-10 sm:space-y-0 gap-2 mb-2">
         <RadioInput
-          options={Object.keys(ESTIMATE_SYSTEMS).map((system) => {
-            const currentSystem = system as TEstimateSystemKeys;
-            const isEnabled = isEstimateSystemEnabled(currentSystem);
-            return {
-              label: !ESTIMATE_SYSTEMS[currentSystem]?.is_available ? (
-                <div className="relative flex items-center gap-2 cursor-no-drop text-custom-text-300">
-                  {t(ESTIMATE_SYSTEMS[currentSystem]?.i18n_name)}
-                  <Tooltip tooltipContent={t("common.coming_soon")}>
-                    <Info size={12} />
-                  </Tooltip>
-                </div>
-              ) : !isEnabled ? (
-                <div className="relative flex items-center gap-2 cursor-no-drop text-custom-text-300">
-                  {t(ESTIMATE_SYSTEMS[currentSystem]?.i18n_name)}
-                  <UpgradeBadge />
-                </div>
-              ) : (
-                <div>{t(ESTIMATE_SYSTEMS[currentSystem]?.i18n_name)}</div>
-              ),
-              value: system,
-              disabled: !isEnabled,
-            };
-          })}
+          options={Object.keys(ESTIMATE_SYSTEMS)
+            .map((system) => {
+              const currentSystem = system as TEstimateSystemKeys;
+              const isEnabled = isEstimateSystemEnabled(currentSystem);
+              if (!isEnabled) return null;
+              return {
+                label: !ESTIMATE_SYSTEMS[currentSystem]?.is_available ? (
+                  <div className="relative flex items-center gap-2 cursor-no-drop text-custom-text-300">
+                    {t(ESTIMATE_SYSTEMS[currentSystem]?.i18n_name)}
+                    <Tooltip tooltipContent={t("common.coming_soon")}>
+                      <Info size={12} />
+                    </Tooltip>
+                  </div>
+                ) : !isEnabled ? (
+                  <div className="relative flex items-center gap-2 cursor-no-drop text-custom-text-300">
+                    {t(ESTIMATE_SYSTEMS[currentSystem]?.i18n_name)}
+                    <UpgradeBadge />
+                  </div>
+                ) : (
+                  <div>{t(ESTIMATE_SYSTEMS[currentSystem]?.i18n_name)}</div>
+                ),
+                value: system,
+                disabled: !isEnabled,
+              };
+            })
+            .filter((option) => option !== null)}
           name="estimate-radio-input"
           label={t("project_settings.estimates.create.choose_estimate_system")}
           labelClassName="text-sm font-medium text-custom-text-200 mb-1.5"
@@ -99,7 +101,7 @@ export function EstimateCreateStageOne(props: TEstimateCreateStageOne) {
                     <p className="text-xs text-custom-text-300">
                       {currentEstimateSystem.templates[name]?.values
                         ?.map((template) =>
-                          estimateSystem === EEstimateSystem.TIME
+                          estimateSystem === (EEstimateSystem.TIME as TEstimateSystemKeys)
                             ? convertMinutesToHoursMinutesString(Number(template.value)).trim()
                             : template.value
                         )
diff --git a/apps/web/core/components/project/settings/features-list.tsx b/apps/web/core/components/project/settings/features-list.tsx
index 2fc29ddfcb3..7fcf1b6c876 100644
--- a/apps/web/core/components/project/settings/features-list.tsx
+++ b/apps/web/core/components/project/settings/features-list.tsx
@@ -32,7 +32,7 @@ export const ProjectFeaturesList = observer(function ProjectFeaturesList(props:
   // derived values
   const currentProjectDetails = getProjectById(projectId);
 
-  const handleSubmit = async (featureKey: string, featureProperty: string) => {
+  const handleSubmit = (featureKey: string, featureProperty: string) => {
     if (!workspaceSlug || !projectId || !currentProjectDetails) return;
 
     // making the request to update the project feature
@@ -52,13 +52,14 @@ export const ProjectFeaturesList = observer(function ProjectFeaturesList(props:
         message: () => "Something went wrong while updating project feature. Please try again.",
       },
     });
-    updateProjectPromise.then(() => {
+    void updateProjectPromise.then(() => {
       captureSuccess({
         eventName: PROJECT_TRACKER_EVENTS.feature_toggled,
         payload: {
           feature_key: featureKey,
         },
       });
+      return undefined;
     });
   };
 
@@ -66,50 +67,58 @@ export const ProjectFeaturesList = observer(function ProjectFeaturesList(props:
 
   return (
     <div className="space-y-6">
-      {Object.entries(PROJECT_FEATURES_LIST).map(([featureSectionKey, feature]) => (
-        <div key={featureSectionKey} className="">
-          <SettingsHeading title={t(feature.key)} description={t(`${feature.key}_description`)} />
-          {Object.entries(feature.featureList).map(([featureItemKey, featureItem]) => (
-            <div
-              key={featureItemKey}
-              className="gap-x-8 gap-y-2 border-b border-custom-border-100 bg-custom-background-100 py-4"
-            >
-              <div key={featureItemKey} className="flex items-center justify-between">
-                <div className="flex items-start gap-3">
-                  <div className="flex items-center justify-center rounded bg-custom-background-90 p-3">
-                    {featureItem.icon}
-                  </div>
-                  <div>
-                    <div className="flex items-center gap-2">
-                      <h4 className="text-sm font-medium leading-5">{t(featureItem.key)}</h4>
-                      {featureItem.isPro && (
-                        <Tooltip tooltipContent="Pro feature" position="top">
-                          <UpgradeBadge className="rounded" />
-                        </Tooltip>
-                      )}
+      {Object.entries(PROJECT_FEATURES_LIST).map(([featureSectionKey, feature]) => {
+        // Filter out pro features
+        const filteredFeatureList = Object.entries(feature.featureList).filter(
+          ([_, featureItem]) => !featureItem.isPro
+        );
+        // If there are no non-pro features in the section, skip rendering the section
+        if (filteredFeatureList.length === 0) return null;
+        return (
+          <div key={featureSectionKey} className="">
+            <SettingsHeading title={t(feature.key)} description={t(`${feature.key}_description`)} />
+            {filteredFeatureList.map(([featureItemKey, featureItem]) => (
+              <div
+                key={featureItemKey}
+                className="gap-x-8 gap-y-2 border-b border-custom-border-100 bg-custom-background-100 py-4"
+              >
+                <div key={featureItemKey} className="flex items-center justify-between">
+                  <div className="flex items-start gap-3">
+                    <div className="flex items-center justify-center rounded bg-custom-background-90 p-3">
+                      {featureItem.icon}
+                    </div>
+                    <div>
+                      <div className="flex items-center gap-2">
+                        <h4 className="text-sm font-medium leading-5">{t(featureItem.key)}</h4>
+                        {featureItem.isPro && (
+                          <Tooltip tooltipContent="Pro feature" position="top">
+                            <UpgradeBadge className="rounded" />
+                          </Tooltip>
+                        )}
+                      </div>
+                      <p className="text-sm leading-5 tracking-tight text-custom-text-300">
+                        {t(`${featureItem.key}_description`)}
+                      </p>
                     </div>
-                    <p className="text-sm leading-5 tracking-tight text-custom-text-300">
-                      {t(`${featureItem.key}_description`)}
-                    </p>
                   </div>
+                  <ProjectFeatureToggle
+                    workspaceSlug={workspaceSlug}
+                    projectId={projectId}
+                    featureItem={featureItem}
+                    value={Boolean(currentProjectDetails?.[featureItem.property as keyof IProject])}
+                    handleSubmit={handleSubmit}
+                    disabled={!isAdmin}
+                  />
+                </div>
+                <div className="pl-14">
+                  {currentProjectDetails?.[featureItem.property as keyof IProject] &&
+                    featureItem.renderChildren?.(currentProjectDetails, workspaceSlug)}
                 </div>
-                <ProjectFeatureToggle
-                  workspaceSlug={workspaceSlug}
-                  projectId={projectId}
-                  featureItem={featureItem}
-                  value={Boolean(currentProjectDetails?.[featureItem.property as keyof IProject])}
-                  handleSubmit={handleSubmit}
-                  disabled={!isAdmin}
-                />
-              </div>
-              <div className="pl-14">
-                {currentProjectDetails?.[featureItem.property as keyof IProject] &&
-                  featureItem.renderChildren?.(currentProjectDetails, workspaceSlug)}
               </div>
-            </div>
-          ))}
-        </div>
-      ))}
+            ))}
+          </div>
+        );
+      })}
     </div>
   );
 });

From 7915b9cc0a2bc9f72ec2642d52c9d48a3e65cd28 Mon Sep 17 00:00:00 2001
From: b-saikrishnakanth <bsaikrishnakanth97@gmail.com>
Date: Wed, 10 Dec 2025 15:05:54 +0530
Subject: [PATCH 2/2] refactor: remove time tracking feature and simplify
 project features list

---
 .../constants/project/settings/features.tsx   | 30 -------
 .../project/settings/features-list.tsx        | 88 +++++++++----------
 2 files changed, 40 insertions(+), 78 deletions(-)

diff --git a/apps/web/ce/constants/project/settings/features.tsx b/apps/web/ce/constants/project/settings/features.tsx
index 380272ea4a1..90a0ff2540b 100644
--- a/apps/web/ce/constants/project/settings/features.tsx
+++ b/apps/web/ce/constants/project/settings/features.tsx
@@ -1,5 +1,4 @@
 import type { ReactNode } from "react";
-import { Timer } from "lucide-react";
 // plane imports
 import { CycleIcon, IntakeIcon, ModuleIcon, PageIcon, ViewsIcon } from "@plane/propel/icons";
 import type { IProject } from "@plane/types";
@@ -17,7 +16,6 @@ export type TProperties = {
 };
 
 type TProjectBaseFeatureKeys = "cycles" | "modules" | "views" | "pages" | "inbox";
-type TProjectOtherFeatureKeys = "is_time_tracking_enabled";
 
 type TBaseFeatureList = {
   [key in TProjectBaseFeatureKeys]: TProperties;
@@ -71,22 +69,6 @@ export const PROJECT_BASE_FEATURES_LIST: TBaseFeatureList = {
   },
 };
 
-type TOtherFeatureList = {
-  [key in TProjectOtherFeatureKeys]: TProperties;
-};
-
-export const PROJECT_OTHER_FEATURES_LIST: TOtherFeatureList = {
-  is_time_tracking_enabled: {
-    key: "time_tracking",
-    property: "is_time_tracking_enabled",
-    title: "Time Tracking",
-    description: "Log time, see timesheets, and download full CSVs for your entire workspace.",
-    icon: <Timer className="h-5 w-5 flex-shrink-0 text-custom-text-300" />,
-    isPro: true,
-    isEnabled: false,
-  },
-};
-
 type TProjectFeatures = {
   project_features: {
     key: string;
@@ -94,12 +76,6 @@ type TProjectFeatures = {
     description: string;
     featureList: TBaseFeatureList;
   };
-  project_others: {
-    key: string;
-    title: string;
-    description: string;
-    featureList: TOtherFeatureList;
-  };
 };
 
 export const PROJECT_FEATURES_LIST: TProjectFeatures = {
@@ -109,10 +85,4 @@ export const PROJECT_FEATURES_LIST: TProjectFeatures = {
     description: "Toggle these on or off this project.",
     featureList: PROJECT_BASE_FEATURES_LIST,
   },
-  project_others: {
-    key: "work_management",
-    title: "Work management",
-    description: "Available only on some plans as indicated by the label next to the feature below.",
-    featureList: PROJECT_OTHER_FEATURES_LIST,
-  },
 };
diff --git a/apps/web/core/components/project/settings/features-list.tsx b/apps/web/core/components/project/settings/features-list.tsx
index 7fcf1b6c876..9325d5dc521 100644
--- a/apps/web/core/components/project/settings/features-list.tsx
+++ b/apps/web/core/components/project/settings/features-list.tsx
@@ -67,58 +67,50 @@ export const ProjectFeaturesList = observer(function ProjectFeaturesList(props:
 
   return (
     <div className="space-y-6">
-      {Object.entries(PROJECT_FEATURES_LIST).map(([featureSectionKey, feature]) => {
-        // Filter out pro features
-        const filteredFeatureList = Object.entries(feature.featureList).filter(
-          ([_, featureItem]) => !featureItem.isPro
-        );
-        // If there are no non-pro features in the section, skip rendering the section
-        if (filteredFeatureList.length === 0) return null;
-        return (
-          <div key={featureSectionKey} className="">
-            <SettingsHeading title={t(feature.key)} description={t(`${feature.key}_description`)} />
-            {filteredFeatureList.map(([featureItemKey, featureItem]) => (
-              <div
-                key={featureItemKey}
-                className="gap-x-8 gap-y-2 border-b border-custom-border-100 bg-custom-background-100 py-4"
-              >
-                <div key={featureItemKey} className="flex items-center justify-between">
-                  <div className="flex items-start gap-3">
-                    <div className="flex items-center justify-center rounded bg-custom-background-90 p-3">
-                      {featureItem.icon}
-                    </div>
-                    <div>
-                      <div className="flex items-center gap-2">
-                        <h4 className="text-sm font-medium leading-5">{t(featureItem.key)}</h4>
-                        {featureItem.isPro && (
-                          <Tooltip tooltipContent="Pro feature" position="top">
-                            <UpgradeBadge className="rounded" />
-                          </Tooltip>
-                        )}
-                      </div>
-                      <p className="text-sm leading-5 tracking-tight text-custom-text-300">
-                        {t(`${featureItem.key}_description`)}
-                      </p>
+      {Object.entries(PROJECT_FEATURES_LIST).map(([featureSectionKey, feature]) => (
+        <div key={featureSectionKey} className="">
+          <SettingsHeading title={t(feature.key)} description={t(`${feature.key}_description`)} />
+          {Object.entries(feature.featureList).map(([featureItemKey, featureItem]) => (
+            <div
+              key={featureItemKey}
+              className="gap-x-8 gap-y-2 border-b border-custom-border-100 bg-custom-background-100 py-4"
+            >
+              <div key={featureItemKey} className="flex items-center justify-between">
+                <div className="flex items-start gap-3">
+                  <div className="flex items-center justify-center rounded bg-custom-background-90 p-3">
+                    {featureItem.icon}
+                  </div>
+                  <div>
+                    <div className="flex items-center gap-2">
+                      <h4 className="text-sm font-medium leading-5">{t(featureItem.key)}</h4>
+                      {featureItem.isPro && (
+                        <Tooltip tooltipContent="Pro feature" position="top">
+                          <UpgradeBadge className="rounded" />
+                        </Tooltip>
+                      )}
                     </div>
+                    <p className="text-sm leading-5 tracking-tight text-custom-text-300">
+                      {t(`${featureItem.key}_description`)}
+                    </p>
                   </div>
-                  <ProjectFeatureToggle
-                    workspaceSlug={workspaceSlug}
-                    projectId={projectId}
-                    featureItem={featureItem}
-                    value={Boolean(currentProjectDetails?.[featureItem.property as keyof IProject])}
-                    handleSubmit={handleSubmit}
-                    disabled={!isAdmin}
-                  />
-                </div>
-                <div className="pl-14">
-                  {currentProjectDetails?.[featureItem.property as keyof IProject] &&
-                    featureItem.renderChildren?.(currentProjectDetails, workspaceSlug)}
                 </div>
+                <ProjectFeatureToggle
+                  workspaceSlug={workspaceSlug}
+                  projectId={projectId}
+                  featureItem={featureItem}
+                  value={Boolean(currentProjectDetails?.[featureItem.property as keyof IProject])}
+                  handleSubmit={handleSubmit}
+                  disabled={!isAdmin}
+                />
+              </div>
+              <div className="pl-14">
+                {currentProjectDetails?.[featureItem.property as keyof IProject] &&
+                  featureItem.renderChildren?.(currentProjectDetails, workspaceSlug)}
               </div>
-            ))}
-          </div>
-        );
-      })}
+            </div>
+          ))}
+        </div>
+      ))}
     </div>
   );
 });