diff --git a/openmetadata-ui/src/main/resources/ui/src/components/GlobalSetting/GlobalSettingLeftPanel.tsx b/openmetadata-ui/src/main/resources/ui/src/components/GlobalSetting/GlobalSettingLeftPanel.tsx index a14c9e236f0..d519107f425 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/GlobalSetting/GlobalSettingLeftPanel.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/GlobalSetting/GlobalSettingLeftPanel.tsx @@ -47,7 +47,8 @@ const GlobalSettingLeftPanel = () => { '', '', curr.items, - 'group' + 'group', + curr.isBeta ); if (menuItem.children?.length) { return [...acc, menuItem]; diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/GlobalSettingsUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/GlobalSettingsUtils.tsx index 34c448b76ac..2d5f3fb4cfc 100644 --- a/openmetadata-ui/src/main/resources/ui/src/utils/GlobalSettingsUtils.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/utils/GlobalSettingsUtils.tsx @@ -11,6 +11,7 @@ * limitations under the License. */ +import { Badge } from 'antd'; import { ItemType } from 'antd/lib/menu/hooks/useItems'; import i18next from 'i18next'; import { camelCase } from 'lodash'; @@ -44,6 +45,7 @@ export interface MenuListItem { export interface MenuList { category: string; items: MenuListItem[]; + isBeta?: boolean; } export const getGlobalSettingsMenuWithPermission = ( @@ -157,6 +159,7 @@ export const getGlobalSettingsMenuWithPermission = ( }, { category: i18next.t('label.notification-plural'), + isBeta: true, items: [ { label: i18next.t('label.activity-feeds'), @@ -253,12 +256,13 @@ export const getGlobalSettingMenuItem = ( isProtected: boolean; icon: React.ReactNode; }[], - type?: string + type?: string, + isBeta?: boolean ): { key: string; icon: React.ReactNode; children: ItemType[] | undefined; - label: string; + label: ReactNode; type: string | undefined; } => { const subItems = children @@ -273,7 +277,13 @@ export const getGlobalSettingMenuItem = ( key: `${category}.${key}`, icon, children: subItems, - label, + label: isBeta ? ( + + {label} + + ) : ( + label + ), type, }; };