diff --git a/packages/compass-sidebar/src/components/multiple-connections/connections-navigation.tsx b/packages/compass-sidebar/src/components/multiple-connections/connections-navigation.tsx index 104571b764f..f6102502a50 100644 --- a/packages/compass-sidebar/src/components/multiple-connections/connections-navigation.tsx +++ b/packages/compass-sidebar/src/components/multiple-connections/connections-navigation.tsx @@ -20,6 +20,7 @@ import { ButtonVariant, cx, Placeholder, + useContextMenuItems, } from '@mongodb-js/compass-components'; import { ConnectionsNavigationTree } from '@mongodb-js/compass-connections-navigation'; import type { MapDispatchToProps, MapStateToProps } from 'react-redux'; @@ -484,6 +485,15 @@ const ConnectionsNavigation: React.FC = ({ [onCollapseAll, onNewConnection, openConnectionImportExportModal] ); + const ref = useContextMenuItems( + () => + connectionListTitleActions.map(({ label, action }) => ({ + label, + onAction: () => onConnectionListTitleAction(action), + })), + [connectionListTitleActions, onConnectionListTitleAction] + ); + // auto-expanding on a workspace change useEffect(() => { if ( @@ -516,7 +526,7 @@ const ConnectionsNavigation: React.FC = ({ ) : undefined; return ( -
+