rights system

frontend/src/pages/Dashboard.tsx

@@ -6,6 +6,7 @@ import {
 } from '@mui/material';
 import { useQuery } from '@tanstack/react-query';
 import { useAuth } from '../contexts/AuthContext';
+import { usePermissionContext } from '../contexts/PermissionContext';
 import DashboardLayout from '../components/dashboard/DashboardLayout';
 import SkeletonCard from '../components/shared/SkeletonCard';
 import UserProfile from '../components/dashboard/UserProfile';
@@ -33,13 +34,7 @@ import { WidgetKey } from '../constants/widgets';
 
 function Dashboard() {
   const { user } = useAuth();
-  const isAdmin = user?.groups?.includes('dashboard_admin') ?? false;
-  const canViewAtemschutz = user?.groups?.some(g =>
-    ['dashboard_admin', 'dashboard_kommando', 'dashboard_atemschutz', 'dashboard_moderator'].includes(g)
-  ) ?? false;
-  const canWrite = user?.groups?.some(g =>
-    ['dashboard_admin', 'dashboard_kommando', 'dashboard_moderator', 'dashboard_gruppenfuehrer'].includes(g)
-  ) ?? false;
+  const { hasPermission, isAdmin } = usePermissionContext();
   const [dataLoading, setDataLoading] = useState(true);
 
   const { data: preferences } = useQuery({
@@ -120,7 +115,7 @@ function Dashboard() {
               </Fade>
             )}
 
-            {canViewAtemschutz && widgetVisible('atemschutz') && (
+            {hasPermission('atemschutz:widget') && widgetVisible('atemschutz') && (
               <Fade in={!dataLoading} timeout={600} style={{ transitionDelay: '400ms' }}>
                 <Box>
                   <AtemschutzDashboardCard />
@@ -163,7 +158,7 @@ function Dashboard() {
               </Fade>
             )}
 
-            {canWrite && widgetVisible('eventQuickAdd') && (
+            {hasPermission('kalender:widget_quick_add') && widgetVisible('eventQuickAdd') && (
               <Fade in={!dataLoading} timeout={600} style={{ transitionDelay: '600ms' }}>
                 <Box>
                   <EventQuickAddWidget />