55 lines
1.6 KiB
TypeScript
55 lines
1.6 KiB
TypeScript
import { createInertiaApp, router } from '@inertiajs/react';
|
|
import { Toaster } from '@/components/ui/sonner';
|
|
import { TooltipProvider } from '@/components/ui/tooltip';
|
|
import { initializeTheme } from '@/hooks/use-appearance';
|
|
import AppLayout from '@/layouts/app-layout';
|
|
import AuthLayout from '@/layouts/auth-layout';
|
|
import SettingsLayout from '@/layouts/settings/layout';
|
|
import { applyDocumentLocalization } from '@/lib/localization';
|
|
import type { Localization } from '@/types';
|
|
|
|
const appName = import.meta.env.VITE_APP_NAME || 'Nyone';
|
|
|
|
createInertiaApp({
|
|
title: (title) => (title ? `${title} - ${appName}` : appName),
|
|
layout: (name) => {
|
|
switch (true) {
|
|
case name === 'welcome':
|
|
return null;
|
|
case name.startsWith('auth/'):
|
|
return AuthLayout;
|
|
case name.startsWith('settings/'):
|
|
return [AppLayout, SettingsLayout];
|
|
default:
|
|
return AppLayout;
|
|
}
|
|
},
|
|
strictMode: true,
|
|
withApp(app) {
|
|
return (
|
|
<TooltipProvider delayDuration={0}>
|
|
{app}
|
|
<Toaster />
|
|
</TooltipProvider>
|
|
);
|
|
},
|
|
progress: {
|
|
color: '#4B5563',
|
|
},
|
|
});
|
|
|
|
// This will set light / dark mode on load...
|
|
initializeTheme();
|
|
|
|
router.on('navigate', (event) => {
|
|
applyDocumentLocalization(
|
|
event.detail.page.props.localization as Localization | undefined,
|
|
);
|
|
});
|
|
|
|
router.on('success', (event) => {
|
|
applyDocumentLocalization(
|
|
event.detail.page.props.localization as Localization | undefined,
|
|
);
|
|
});
|