diff --git a/app/react/sidebar/SettingsSidebar.tsx b/app/react/sidebar/SettingsSidebar.tsx index 9a51b44bc..58608cff6 100644 --- a/app/react/sidebar/SettingsSidebar.tsx +++ b/app/react/sidebar/SettingsSidebar.tsx @@ -14,15 +14,16 @@ import { SidebarSection } from './SidebarSection'; interface Props { isAdmin: boolean; + isTeamLeader?: boolean; } -export function SettingsSidebar({ isAdmin }: Props) { +export function SettingsSidebar({ isAdmin, isTeamLeader }: Props) { const teamSyncQuery = usePublicSettings({ select: (settings) => settings.TeamSync, }); const showUsersSection = - !window.ddExtension && (isAdmin || teamSyncQuery.data); + !window.ddExtension && (isAdmin || (isTeamLeader && !teamSyncQuery.data)); return ( diff --git a/app/react/sidebar/Sidebar.tsx b/app/react/sidebar/Sidebar.tsx index 3902c83d6..ddee15394 100644 --- a/app/react/sidebar/Sidebar.tsx +++ b/app/react/sidebar/Sidebar.tsx @@ -16,7 +16,7 @@ import { SidebarProvider } from './useSidebarState'; export function Sidebar() { const { isAdmin, user } = useUser(); - const isTeamLeader = useIsTeamLeader(user); + const isTeamLeader = useIsTeamLeader(user) as boolean; const settingsQuery = usePublicSettings(); @@ -52,7 +52,9 @@ export function Sidebar() { {isAdmin && EnableEdgeComputeFeatures && } - {(isAdmin || isTeamLeader) && } + {(isAdmin || isTeamLeader) && ( + + )}