first implementation of tamagui mobile pages

resources/js/admin/mobile/hooks/useMobileNav.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
+import { adminPath } from '../../constants';
+import { useEventContext } from '../../context/EventContext';
+import { NavKey } from '../components/BottomNav';
+
+export function useMobileNav(currentSlug?: string | null) {
+  const navigate = useNavigate();
+  const { activeEvent } = useEventContext();
+  const slug = currentSlug ?? activeEvent?.slug ?? null;
+
+  const go = React.useCallback(
+    (key: NavKey) => {
+      if (key === 'events') {
+        navigate(adminPath('/mobile/events'));
+        return;
+      }
+      if (key === 'tasks') {
+        if (slug) {
+          navigate(adminPath(`/mobile/events/${slug}/tasks`));
+        } else {
+          navigate(adminPath('/mobile/events'));
+        }
+        return;
+      }
+      if (key === 'alerts') {
+        navigate(adminPath('/mobile/alerts'));
+        return;
+      }
+      if (key === 'profile') {
+        navigate(adminPath('/mobile/profile'));
+      }
+    },
+    [navigate, slug]
+  );
+
+  return { go, slug };
+}