60 lines
1.9 KiB
TypeScript
60 lines
1.9 KiB
TypeScript
import type { ParentProps } from 'solid-js';
|
|
import { OverlayScrollbarsComponent } from 'overlayscrollbars-solid';
|
|
import WindowFrame from './components/WindowFrame';
|
|
import Navbar from './components/Navbar';
|
|
import ErrorBoundary from './components/ErrorBoundary';
|
|
import AnimatedRoutes from './components/AnimatedRoutes';
|
|
import NotificationOverlay from './components/overlay/notifications/NotificationOverlay';
|
|
import { SettingsProvider } from './hooks/useSettings';
|
|
import { ClusterModalController } from './components/overlay/cluster/ClusterCreationModal';
|
|
import { MultiProvider } from './components/MultiProvider';
|
|
import { AccountControllerProvider } from './components/overlay/account/AddAccountModal';
|
|
import { PROGRAM_INFO } from '~bindings';
|
|
|
|
function App(props: ParentProps) {
|
|
if (PROGRAM_INFO.dev_build !== true)
|
|
document.addEventListener('contextmenu', (event) => {
|
|
event.preventDefault();
|
|
});
|
|
|
|
return (
|
|
<GlobalContexts>
|
|
<main class="flex flex-col bg-primary w-full min-h-screen overflow-hidden h-screen max-h-screen text-fg-primary">
|
|
<WindowFrame />
|
|
<div class="flex flex-col px-8">
|
|
<Navbar />
|
|
</div>
|
|
|
|
<div class="relative h-full w-full overflow-hidden">
|
|
<div class="absolute top-0 left-0 flex flex-col h-full w-full overflow-x-hidden">
|
|
<ErrorBoundary>
|
|
<OverlayScrollbarsComponent class="os-hide-horizontal-scrollbar absolute top-0 left-0 flex flex-col h-full w-full overflow-x-hidden overflow-y-auto px-8 pb-8">
|
|
<AnimatedRoutes>
|
|
{props.children}
|
|
</AnimatedRoutes>
|
|
</OverlayScrollbarsComponent>
|
|
</ErrorBoundary>
|
|
</div>
|
|
</div>
|
|
|
|
<NotificationOverlay />
|
|
</main>
|
|
</GlobalContexts>
|
|
);
|
|
}
|
|
|
|
export default App;
|
|
|
|
function GlobalContexts(props: ParentProps) {
|
|
return (
|
|
<MultiProvider
|
|
values={[
|
|
SettingsProvider,
|
|
ClusterModalController,
|
|
AccountControllerProvider,
|
|
]}
|
|
>
|
|
{props.children}
|
|
</MultiProvider>
|
|
);
|
|
}
|