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 && (