weitere perfektionierung der neuen mobile app
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user