permissions refactoring

resources/js/components/AppSidebar.vue

@@ -23,9 +23,9 @@ import {
     SidebarMenuItem,
 } from '@/components/ui/sidebar';
 import { dashboard } from '@/routes';
-import { index as adminTeams } from '@/routes/admin/teams';
 import { index as adminUsers } from '@/routes/admin/users';
 import { index as projectsIndex } from '@/routes/projects';
+import { index as teamsIndex } from '@/routes/teams';
 import type { NavItem } from '@/types';
 
 const page = usePage();
@@ -44,16 +44,18 @@ const mainNavItems = computed<NavItem[]>(() => {
         },
     ];
 
-    if (page.props.auth.user.is_admin) {
+    if (page.props.auth.permissions.globalAdmin) {
         items.push({
             title: 'Users',
             href: adminUsers(),
             icon: Shield,
         });
+    }
 
+    if (page.props.auth.permissions.canManageTeams) {
         items.push({
             title: 'Teams',
-            href: adminTeams(),
+            href: teamsIndex(),
             icon: Users,
         });
     }