feat(sanity): hide global user menu inside Core UI Rendering Context

sanity-io · Feb 12, 2025 · 8d1981c · 8d1981c
1 parent e23ed66
commit 8d1981c
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 15 deletions.
diff --git a/packages/sanity/src/core/studio/components/navbar/StudioNavbar.tsx b/packages/sanity/src/core/studio/components/navbar/StudioNavbar.tsx
@@ -16,6 +16,7 @@ import {type RouterState, useRouterState} from 'sanity/router'
 import {styled} from 'styled-components'
 
 import {Button, TooltipDelayGroupProvider} from '../../../../ui-components'
+import {CapabilityGate} from '../../../components/CapabilityGate'
 import {type NavbarProps} from '../../../config/studio/types'
 import {isDev} from '../../../environment'
 import {useTranslation} from '../../../i18n'
@@ -285,9 +286,11 @@ export function StudioNavbar(props: Omit<NavbarProps, 'renderDefault'>) {
                 {actionNodes}
 
                 {shouldRender.tools && (
-                  <Box flex="none" marginLeft={1}>
-                    <UserMenu />
-                  </Box>
+                  <CapabilityGate capability="globalUserMenu">
+                    <Box flex="none" marginLeft={1}>
+                      <UserMenu />
+                    </Box>
+                  </CapabilityGate>
                 )}
               </Flex>
             </TooltipDelayGroupProvider>

diff --git a/packages/sanity/src/core/studio/components/navbar/navDrawer/NavDrawer.tsx b/packages/sanity/src/core/studio/components/navbar/navDrawer/NavDrawer.tsx
@@ -7,6 +7,7 @@ import {styled} from 'styled-components'
 
 import {Button} from '../../../../../ui-components'
 import {UserAvatar} from '../../../../components'
+import {CapabilityGate} from '../../../../components/CapabilityGate'
 import {type NavbarAction, type Tool} from '../../../../config'
 import {useTranslation} from '../../../../i18n'
 import {useColorSchemeSetValue} from '../../../colorScheme'
@@ -162,18 +163,20 @@ export const NavDrawer = memo(function NavDrawer(props: NavDrawerProps) {
                   <Flex align="center">
                     {/* Current user */}
                     <Flex flex={1} align="center" paddingRight={2}>
-                      <Flex flex={1} align="center">
-                        <UserAvatar size={1} user="me" />
-                        <Box
-                          flex={1}
-                          marginLeft={3}
-                          title={currentUser?.name || currentUser?.email}
-                        >
-                          <Text size={1} textOverflow="ellipsis" weight="medium">
-                            {currentUser?.name || currentUser?.email}
-                          </Text>
-                        </Box>
-                      </Flex>
+                      <CapabilityGate capability="globalUserMenu">
+                        <Flex flex={1} align="center">
+                          <UserAvatar size={1} user="me" />
+                          <Box
+                            flex={1}
+                            marginLeft={3}
+                            title={currentUser?.name || currentUser?.email}
+                          >
+                            <Text size={1} textOverflow="ellipsis" weight="medium">
+                              {currentUser?.name || currentUser?.email}
+                            </Text>
+                          </Box>
+                        </Flex>
+                      </CapabilityGate>
                     </Flex>
 
                     <Button