rights system

frontend/src/pages/Kalender.tsx

@@ -72,6 +72,7 @@ import DashboardLayout from '../components/dashboard/DashboardLayout';
 import ChatAwareFab from '../components/shared/ChatAwareFab';
 import { toGermanDateTime, fromGermanDate, fromGermanDateTime, isValidGermanDateTime } from '../utils/dateInput';
 import { useAuth } from '../contexts/AuthContext';
+import { usePermissionContext } from '../contexts/PermissionContext';
 import { useNotification } from '../contexts/NotificationContext';
 import { trainingApi } from '../services/training';
 import { eventsApi } from '../services/events';
@@ -117,9 +118,6 @@ import { de } from 'date-fns/locale';
 // Constants
 // ──────────────────────────────────────────────────────────────────────────────
 
-const WRITE_GROUPS_EVENTS = ['dashboard_admin', 'dashboard_moderator'];
-const WRITE_GROUPS_BOOKINGS = ['dashboard_admin', 'dashboard_fahrmeister', 'dashboard_moderator'];
-
 const WEEKDAY_LABELS = ['Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa', 'So'];
 const MONTH_LABELS = [
   'Januar', 'Februar', 'März', 'April', 'Mai', 'Juni',
@@ -1704,15 +1702,14 @@ export default function Kalender() {
   const navigate = useNavigate();
   const [searchParams] = useSearchParams();
   const { user } = useAuth();
+  const { hasPermission } = usePermissionContext();
   const notification = useNotification();
   const theme = useTheme();
   const isMobile = useMediaQuery(theme.breakpoints.down('sm'));
 
-  const canWriteEvents =
-    user?.groups?.some((g) => WRITE_GROUPS_EVENTS.includes(g)) ?? false;
-  const canWriteBookings =
-    user?.groups?.some((g) => WRITE_GROUPS_BOOKINGS.includes(g)) ?? false;
-  const canCreateBookings = !!user;
+  const canWriteEvents = hasPermission('kalender:create_events');
+  const canWriteBookings = hasPermission('kalender:edit_bookings');
+  const canCreateBookings = hasPermission('kalender:create_bookings');
 
   // ── Tab ─────────────────────────────────────────────────────────────────────
   const [activeTab, setActiveTab] = useState(() => {