weitere perfektionierung der neuen mobile app

This commit is contained in:
Codex Agent
2025-12-11 12:18:08 +01:00
parent 7b01a77083
commit b4417db5cd
38 changed files with 4265 additions and 3040 deletions

View File

@@ -3,7 +3,7 @@ import { createRoot } from 'react-dom/client';
import { RouterProvider } from 'react-router-dom';
import { Toaster } from 'react-hot-toast';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { TamaguiProvider } from '@tamagui/core';
import { TamaguiProvider, Theme } from '@tamagui/core';
import '@tamagui/core/reset.css';
import tamaguiConfig from '../../../tamagui.config';
import { AuthProvider } from './auth/context';
@@ -11,7 +11,7 @@ import { router } from './router';
import '../../css/app.css';
import './i18n';
import './dev-tools';
import { initializeTheme } from '@/hooks/use-appearance';
import { AppearanceProvider, useAppearance, initializeTheme } from '@/hooks/use-appearance';
import { OnboardingProgressProvider } from './onboarding';
import { EventProvider } from './context/EventContext';
import MatomoTracker from '@/components/analytics/MatomoTracker';
@@ -46,36 +46,49 @@ if ('serviceWorker' in navigator) {
createRoot(rootEl).render(
<React.StrictMode>
<TamaguiProvider config={tamaguiConfig} defaultTheme="light">
<ConsentProvider>
<QueryClientProvider client={queryClient}>
<AuthProvider>
<EventProvider>
<OnboardingProgressProvider>
<MatomoTracker config={(window as any).__MATOMO_ADMIN__} />
<Suspense
fallback={(
<div className="flex min-h-screen items-center justify-center text-sm text-muted-foreground">
Oberfläche wird geladen
</div>
)}
>
<div className="font-[Montserrat] text-[13px] font-normal leading-[1.5] text-slate-700">
<RouterProvider router={router} />
</div>
</Suspense>
</OnboardingProgressProvider>
</EventProvider>
</AuthProvider>
<CookieBanner />
<Toaster position="top-right" toastOptions={{ duration: 4000 }} />
{enableDevSwitcher ? (
<Suspense fallback={null}>
<DevTenantSwitcher />
</Suspense>
) : null}
</QueryClientProvider>
</ConsentProvider>
</TamaguiProvider>
<AppearanceProvider>
<AdminApp />
</AppearanceProvider>
</React.StrictMode>
);
function AdminApp() {
const { resolved } = useAppearance();
const themeName = resolved ?? 'light';
return (
<TamaguiProvider config={tamaguiConfig} defaultTheme={themeName} themeClassNameOnRoot>
<Theme name={themeName}>
<ConsentProvider>
<QueryClientProvider client={queryClient}>
<AuthProvider>
<EventProvider>
<OnboardingProgressProvider>
<MatomoTracker config={(window as any).__MATOMO_ADMIN__} />
<Suspense
fallback={(
<div className="flex min-h-screen items-center justify-center text-sm text-muted-foreground">
Oberfläche wird geladen
</div>
)}
>
<div className="font-[Montserrat] text-[13px] font-normal leading-[1.5] text-slate-700">
<RouterProvider router={router} />
</div>
</Suspense>
</OnboardingProgressProvider>
</EventProvider>
</AuthProvider>
<CookieBanner />
<Toaster position="top-right" toastOptions={{ duration: 4000 }} />
{enableDevSwitcher ? (
<Suspense fallback={null}>
<DevTenantSwitcher />
</Suspense>
) : null}
</QueryClientProvider>
</ConsentProvider>
</Theme>
</TamaguiProvider>
);
}