diff --git a/packages/frontend/core/src/components/root-app-sidebar/index.tsx b/packages/frontend/core/src/components/root-app-sidebar/index.tsx index bbecdc139..6b9be76b5 100644 --- a/packages/frontend/core/src/components/root-app-sidebar/index.tsx +++ b/packages/frontend/core/src/components/root-app-sidebar/index.tsx @@ -44,6 +44,7 @@ import { workspaceAndUserWrapper, workspaceWrapper, } from './index.css'; +import { InviteMembersButton } from './invite-members-button'; import { AppSidebarJournalButton } from './journal-button'; import { NotificationButton } from './notification-button'; import { SidebarAudioPlayer } from './sidebar-audio-player'; @@ -211,6 +212,7 @@ export const RootAppSidebar = memo((): ReactElement => { > {t['Import']()} + { + const workspace = useService(WorkspaceService).workspace; + + const isLocal = workspace.flavour === 'local'; + + const dialogService = useService(WorkspaceDialogService); + const onOpenInviteMembersModal = useCallback(() => { + dialogService.open('setting', { + activeTab: `workspace:members`, + }); + }, [dialogService]); + + const t = useI18n(); + + if (isLocal) { + return null; + } + + return ( + } + onClick={onOpenInviteMembersModal} + > + {t['Invite Members']()} + + ); +};