From 68907762c7607f51becda9b2a09f6a3cf209430a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=89mile=20R=C3=A9?= <emile@probo.com>
Date: Sun, 28 Jun 2026 15:01:12 +0200
Subject: [PATCH] Wrap user menu email label in a dropdown group
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

DropdownGroupLabel renders Base UI's Menu.GroupLabel, which requires a
Menu.Group ancestor. The user menu rendered the label directly in the
popup, so opening it threw a missing MenuGroupContext error. Wrap the
email label in a DropdownGroup.

Signed-off-by: Émile Ré <emile@probo.com>
---
 .../src/components/TopBar/TopBarUserMenu.tsx                 | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/compliance-portal/src/components/TopBar/TopBarUserMenu.tsx b/apps/compliance-portal/src/components/TopBar/TopBarUserMenu.tsx
index 34f33eb38..5a9309166 100644
--- a/apps/compliance-portal/src/components/TopBar/TopBarUserMenu.tsx
+++ b/apps/compliance-portal/src/components/TopBar/TopBarUserMenu.tsx
@@ -15,6 +15,7 @@
 import { CaretDownIcon, SignOutIcon, UserIcon } from "@phosphor-icons/react";
 import { Avatar } from "@probo/ui/src/v2/Avatar/Avatar";
 import { Dropdown } from "@probo/ui/src/v2/Dropdown/Dropdown";
+import { DropdownGroup } from "@probo/ui/src/v2/Dropdown/DropdownGroup";
 import { DropdownGroupLabel } from "@probo/ui/src/v2/Dropdown/DropdownGroupLabel";
 import { DropdownItem } from "@probo/ui/src/v2/Dropdown/DropdownItem";
 import { DropdownPopup } from "@probo/ui/src/v2/Dropdown/DropdownPopup";
@@ -62,7 +63,9 @@ export function TopBarUserMenu({ identityKey }: TopBarUserMenuProps) {
         )}
       />
       <DropdownPopup align="end">
-        <DropdownGroupLabel>{identity.email}</DropdownGroupLabel>
+        <DropdownGroup>
+          <DropdownGroupLabel>{identity.email}</DropdownGroupLabel>
+        </DropdownGroup>
         <DropdownSeparator />
         <DropdownItem color="error" iconStart={<SignOutIcon />}>
           {t("userMenu.signOut")}