Sanity.io – Customize Desk Structure based on User Roles

desk-structure.js

import S from '@sanity/desk-tool/structure-builder'
import userStore from 'part:@sanity/base/user'

// Get the logged in user
const getCurrentUser = () => {
  userStore.me.subscribe((user) => {
    // Instead of a local variable, we use this window object to re-use it through the Studio
    if (user) {
      window._sanityUser = user ?? undefined
    }
  })
}

getCurrentUser()

// Create different sets of List Items for different roles
const adminItems = [S.documentTypeListItem('page').title('Pages')]
const defaultItems = [S.documentTypeListItem('article').title('Articles')]

// Setup desk structure
export default () => {
  return S.list()
    .title('Content')
    .items(
      // Display List Items based on Role
      window?._sanityUser?.roles.find((role) => role.name === 'administrator')
        ? [...adminItems, ...defaultItems]
        : defaultItems
    )
}