{
kind="heading-l"
renderAs="h1"
>
- {createMessage(ADMIN_BRANDING_SETTINGS_TITLE)}
+ {createMessage(ADMIN_BRANDING_SETTINGS_TITLE_UPGRADE)}
{
kind="body-m"
renderAs="h2"
>
- {createMessage(ADMIN_BRANDING_SETTINGS_SUBTITLE)}
+ {createMessage(ADMIN_BRANDING_SETTINGS_SUBTITLE_UPGRADE)}
diff --git a/app/client/src/ce/pages/AdminSettings/config/branding/index.tsx b/app/client/src/ce/pages/AdminSettings/config/branding/index.tsx
index 7f889fda9c..4c4c453eb5 100644
--- a/app/client/src/ce/pages/AdminSettings/config/branding/index.tsx
+++ b/app/client/src/ce/pages/AdminSettings/config/branding/index.tsx
@@ -4,7 +4,12 @@ import {
SettingCategories,
SettingTypes,
} from "@appsmith/pages/AdminSettings/config/types";
+import { selectFeatureFlags } from "@appsmith/selectors/featureFlagsSelectors";
+import { isBrandingEnabled } from "@appsmith/utils/planHelpers";
import BrandingPage from "pages/Settings/config/branding/BrandingPage";
+import store from "store";
+
+const featureFlags = selectFeatureFlags(store.getState());
export const config: AdminConfigType = {
type: SettingCategories.BRANDING,
@@ -14,4 +19,5 @@ export const config: AdminConfigType = {
title: "Branding",
icon: "pantone",
component: BrandingPage,
+ isFeatureEnabled: isBrandingEnabled(featureFlags),
};
diff --git a/app/client/src/ce/pages/AdminSettings/config/types.ts b/app/client/src/ce/pages/AdminSettings/config/types.ts
index e6188bd156..7856e12e98 100644
--- a/app/client/src/ce/pages/AdminSettings/config/types.ts
+++ b/app/client/src/ce/pages/AdminSettings/config/types.ts
@@ -97,6 +97,7 @@ export interface Category {
categoryType: string;
needsUpgrade?: boolean;
isEnterprise?: boolean;
+ isFeatureEnabled?: boolean;
}
export const SettingCategories = {
@@ -136,4 +137,5 @@ export type AdminConfigType = {
needsUpgrade?: boolean;
categoryType: CategoryType;
isEnterprise?: boolean;
+ isFeatureEnabled?: boolean;
};
diff --git a/app/client/src/ce/pages/Upgrade/Footer.tsx b/app/client/src/ce/pages/Upgrade/Footer.tsx
index 02187b4393..0155270ab0 100644
--- a/app/client/src/ce/pages/Upgrade/Footer.tsx
+++ b/app/client/src/ce/pages/Upgrade/Footer.tsx
@@ -64,7 +64,7 @@ export function FooterComponent(props: FooterProps) {
-
diff --git a/app/client/src/ce/utils/planHelpers.ts b/app/client/src/ce/utils/planHelpers.ts
new file mode 100644
index 0000000000..5837de0e2b
--- /dev/null
+++ b/app/client/src/ce/utils/planHelpers.ts
@@ -0,0 +1,10 @@
+import type { FeatureFlags } from "@appsmith/entities/FeatureFlag";
+
+//if feature flag is true then return feature is enbaled
+export const isBrandingEnabled = (featureFlags: FeatureFlags) => {
+ return featureFlags?.license_branding_enabled;
+};
+
+export const isSSOEnabled = (featureFlags: FeatureFlags) => {
+ return featureFlags?.license_sso_enabled;
+};
diff --git a/app/client/src/ee/utils/planHelpers.ts b/app/client/src/ee/utils/planHelpers.ts
new file mode 100644
index 0000000000..8c9cc57651
--- /dev/null
+++ b/app/client/src/ee/utils/planHelpers.ts
@@ -0,0 +1 @@
+export * from "ce/utils/planHelpers";
diff --git a/app/client/src/pages/Settings/config/ConfigFactory.ts b/app/client/src/pages/Settings/config/ConfigFactory.ts
index 485e224b27..c2b80ea0a3 100644
--- a/app/client/src/pages/Settings/config/ConfigFactory.ts
+++ b/app/client/src/pages/Settings/config/ConfigFactory.ts
@@ -47,6 +47,7 @@ export class ConfigFactory {
needsUpgrade: config.needsUpgrade,
isEnterprise: config.isEnterprise,
needsRefresh: config.needsRefresh,
+ isFeatureEnabled: config.isFeatureEnabled,
children: config?.children?.map((child) =>
ConfigFactory.getCategory(child),
),
diff --git a/app/client/src/pages/Settings/config/branding/BrandingPage.tsx b/app/client/src/pages/Settings/config/branding/BrandingPage.tsx
index ad082b6651..88be9c93db 100644
--- a/app/client/src/pages/Settings/config/branding/BrandingPage.tsx
+++ b/app/client/src/pages/Settings/config/branding/BrandingPage.tsx
@@ -5,10 +5,11 @@ import { useForm } from "react-hook-form";
import Previews from "./previews";
import SettingsForm from "./SettingsForm";
import { getTenantConfig } from "@appsmith/selectors/tenantSelectors";
-import type { AdminConfigType } from "@appsmith/pages/AdminSettings/config/types";
import { Wrapper } from "@appsmith/pages/AdminSettings/config/authentication/AuthPage";
-import UpgradeBanner from "@appsmith/pages/AdminSettings/config/branding/UpgradeBanner";
+
import { getAssetUrl } from "@appsmith/utils/airgapHelpers";
+import type { AdminConfigType } from "@appsmith/pages/AdminSettings/config/types";
+import { getUpgradeBanner } from "utils/BusinessFeatures/brandingPageHelpers";
export type brandColorsKeys =
| "primary"
@@ -29,7 +30,7 @@ type BrandingPageProps = {
function BrandingPage(props: BrandingPageProps) {
const { category } = props;
- const { needsUpgrade = true } = category;
+ const isBrandingEnabled = category?.isFeatureEnabled ?? false;
const tentantConfig = useSelector(getTenantConfig);
const defaultValues = {
brandColors: tentantConfig.brandColors,
@@ -66,12 +67,12 @@ function BrandingPage(props: BrandingPageProps) {
return (
-
+ {getUpgradeBanner(isBrandingEnabled)}
-
+
Submit
diff --git a/app/client/src/utils/BusinessFeatures/brandingPageHelpers.tsx b/app/client/src/utils/BusinessFeatures/brandingPageHelpers.tsx
new file mode 100644
index 0000000000..36d17aafc0
--- /dev/null
+++ b/app/client/src/utils/BusinessFeatures/brandingPageHelpers.tsx
@@ -0,0 +1,10 @@
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
+import { default as UpgradeBanner_CE } from "ce/pages/AdminSettings/config/branding/UpgradeBanner";
+import { default as UpgradeBanner_EE } from "ee/pages/AdminSettings/config/branding/UpgradeBanner";
+import React from "react";
+
+export const getUpgradeBanner = (isEnabled: boolean) => {
+ if (isEnabled) {
+ return ;
+ } else return ;
+};