diff --git a/components/topbar/src/profile-menu.tsx b/components/topbar/src/profile-menu.tsx index f0fe485d..fc298ff2 100644 --- a/components/topbar/src/profile-menu.tsx +++ b/components/topbar/src/profile-menu.tsx @@ -27,6 +27,7 @@ const NotificationIcon = bundleIcon(CircleRegular, CircleFilled); export const ProfileMenu = ({ customContent, + showCustomContentTopDivider = true, language, name, email, @@ -49,6 +50,7 @@ export const ProfileMenu = ({ - + {(customContent === undefined || showCustomContentTopDivider) && ( + + )} {customContent !== undefined && ( <> {customContent} diff --git a/components/topbar/src/profile-menu.types.ts b/components/topbar/src/profile-menu.types.ts index 87f72651..8e913885 100644 --- a/components/topbar/src/profile-menu.types.ts +++ b/components/topbar/src/profile-menu.types.ts @@ -31,6 +31,7 @@ export type UserInformationProps = { export type ProfileMenuProps = UserInformationProps & { readonly customContent?: JSX.Element; + readonly showCustomContentTopDivider?: boolean; readonly hasNotification?: boolean; readonly notificationIcon?: ReactElement; readonly language: LanguageSubmenuProps; diff --git a/examples/src/components/top-bar.tsx b/examples/src/components/top-bar.tsx index 61705e1d..f8b18837 100644 --- a/examples/src/components/top-bar.tsx +++ b/examples/src/components/top-bar.tsx @@ -220,6 +220,7 @@ export const Navbar = () => { value: currentOrganizationId, }} profileMenu={{ + // showCustomContentTopDivider: false, customContent: ( }