weiterer fortschritt mit tamagui und dem neuen mobile event admin

resources/js/admin/mobile/EventMembersPage.tsx

@@ -4,14 +4,13 @@ import { useTranslation } from 'react-i18next';
 import { UserPlus, Trash2, Copy, RefreshCcw } from 'lucide-react';
 import { YStack, XStack } from '@tamagui/stacks';
 import { SizableText as Text } from '@tamagui/text';
-import { MobileScaffold } from './components/Scaffold';
+import { Pressable } from '@tamagui/react-native-web-lite';
+import { MobileShell } from './components/MobileShell';
 import { MobileCard, CTAButton, PillBadge } from './components/Primitives';
-import { BottomNav } from './components/BottomNav';
 import { EventMember, getEventMembers, inviteEventMember, removeEventMember } from '../api';
 import { isAuthError } from '../auth/tokens';
 import { getApiErrorMessage } from '../lib/apiError';
 import toast from 'react-hot-toast';
-import { useMobileNav } from './hooks/useMobileNav';
 import { MobileSheet } from './components/Sheet';
 
 export default function MobileEventMembersPage() {
@@ -26,9 +25,6 @@ export default function MobileEventMembersPage() {
   const [invite, setInvite] = React.useState({ name: '', email: '', role: 'member' as EventMember['role'] });
   const [saving, setSaving] = React.useState(false);
   const [inviteLink, setInviteLink] = React.useState<string | null>(null);
-  const { go } = useMobileNav(slug);
-  const [search, setSearch] = React.useState('');
-  const [confirmRemove, setConfirmRemove] = React.useState<EventMember | null>(null);
   const [search, setSearch] = React.useState('');
   const [confirmRemove, setConfirmRemove] = React.useState<EventMember | null>(null);
 
@@ -96,17 +92,15 @@ export default function MobileEventMembersPage() {
   }
 
   return (
-    <MobileScaffold
+    <MobileShell
+      activeTab="home"
       title={t('events.members.title', 'Guest Management')}
       onBack={() => navigate(-1)}
-      rightSlot={
+      headerActions={
         <Pressable onPress={() => load()}>
           <RefreshCcw size={18} color="#0f172a" />
         </Pressable>
       }
-      footer={
-        <BottomNav active="home" onNavigate={go} />
-      }
     >
       {error ? (
         <MobileCard>
@@ -289,7 +283,7 @@ export default function MobileEventMembersPage() {
           {confirmRemove?.name || confirmRemove?.email}
         </Text>
       </MobileSheet>
-    </MobileScaffold>
+    </MobileShell>
   );
 }