diff --git a/apps/iris/src/components/navbar.tsx b/apps/iris/src/components/navbar.tsx index 1967a8b2..671d8ef2 100644 --- a/apps/iris/src/components/navbar.tsx +++ b/apps/iris/src/components/navbar.tsx @@ -27,6 +27,10 @@ import { } from '@/components/ui/dropdown-menu'; import { Spinner } from '@/components/ui/spinner'; import { LanguageSelector } from '@/components/util/language-selector'; +import { + ADMIN_UI_PERMISSIONS, + useHasPermission, +} from '@/hooks/use-has-permission'; import { authClient } from '@/utils/authentication'; type NavbarProps = { @@ -64,7 +68,9 @@ export function Navbar({ {data && showLinks && ( - + )}
@@ -188,11 +194,11 @@ export function Navbar({ ); } -function NavLinks({ userRoles }: { userRoles?: string[] }) { +function NavLinks({ userPermissions }: { userPermissions?: string[] }) { const navigate = useNavigate(); const { t } = useTranslation(); - const isAdmin = userRoles?.includes('admin'); + const canSeeAdminUi = useHasPermission(ADMIN_UI_PERMISSIONS, userPermissions); return (
@@ -214,7 +220,7 @@ function NavLinks({ userRoles }: { userRoles?: string[] }) { {t('substitutions')} - {isAdmin && ( + {canSeeAdminUi && (