added "members" for an event that help the admins to moderate. members must be invited via email.

resources/js/admin/components/AdminLayout.tsx

@@ -18,6 +18,7 @@ import { NotificationCenter } from './NotificationCenter';
 import { UserMenu } from './UserMenu';
 import { useEventContext } from '../context/EventContext';
 import { EventSwitcher, EventMenuBar } from './EventNav';
+import { useAuth } from '../auth/context';
 
 type NavItem = {
   key: string;
@@ -50,7 +51,7 @@ export function AdminLayout({ title, subtitle, actions, children }: AdminLayoutP
   const photosLabel = t('navigation.photos', { defaultValue: 'Fotos' });
   const settingsLabel = t('navigation.settings');
 
-  const navItems = React.useMemo<NavItem[]>(() => [
+  const baseNavItems = React.useMemo<NavItem[]>(() => [
     {
       key: 'dashboard',
       to: ADMIN_HOME_PATH,
@@ -85,6 +86,19 @@ export function AdminLayout({ title, subtitle, actions, children }: AdminLayoutP
     },
   ], [eventsLabel, eventsPath, photosPath, photosLabel, settingsLabel, singleEvent, events.length, t]);
 
+  const { user } = useAuth();
+  const isMember = user?.role === 'member';
+
+  const navItems = React.useMemo(
+    () => baseNavItems.filter((item) => {
+      if (!isMember) {
+        return true;
+      }
+      return !['dashboard', 'settings'].includes(item.key);
+    }),
+    [baseNavItems, isMember],
+  );
+
   const prefetchers = React.useMemo(() => ({
     [ADMIN_HOME_PATH]: () =>
       Promise.all([

resources/js/admin/components/UserMenu.tsx

@@ -31,6 +31,8 @@ export function UserMenu() {
   const [pendingLocale, setPendingLocale] = React.useState<SupportedLocale | null>(null);
   const currentLocale = getCurrentLocale();
 
+  const isMember = user?.role === 'member';
+
   const initials = React.useMemo(() => {
     if (user?.name) {
       return user.name
@@ -94,14 +96,18 @@ export function UserMenu() {
             <User className="h-4 w-4" />
             {t('navigation.profile', { defaultValue: 'Profil' })}
           </DropdownMenuItem>
-          <DropdownMenuItem onSelect={() => goTo(ADMIN_SETTINGS_PATH)}>
-            <Settings className="h-4 w-4" />
-            {t('navigation.settings', { defaultValue: 'Einstellungen' })}
-          </DropdownMenuItem>
-          <DropdownMenuItem onSelect={() => goTo(ADMIN_BILLING_PATH)}>
-            <CreditCard className="h-4 w-4" />
-            {t('navigation.billing', { defaultValue: 'Billing' })}
-          </DropdownMenuItem>
+          {!isMember && (
+            <>
+              <DropdownMenuItem onSelect={() => goTo(ADMIN_SETTINGS_PATH)}>
+                <Settings className="h-4 w-4" />
+                {t('navigation.settings', { defaultValue: 'Einstellungen' })}
+              </DropdownMenuItem>
+              <DropdownMenuItem onSelect={() => goTo(ADMIN_BILLING_PATH)}>
+                <CreditCard className="h-4 w-4" />
+                {t('navigation.billing', { defaultValue: 'Billing' })}
+              </DropdownMenuItem>
+            </>
+          )}
         </DropdownMenuGroup>
         <DropdownMenuSeparator />
         <DropdownMenuSub>