blob: a471690be20b95a98be060353f01962f163407c1 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
import Box from '@mui/material/Box';
import CssBaseline from '@mui/material/CssBaseline';
import React, { StrictMode, Suspense, lazy } from 'react';
import Loading from './Loading';
import type RootStore from './RootStore';
import RootStoreProvider from './RootStoreProvider';
import WindowControlsOverlayColor from './WindowControlsOverlayColor';
import ThemeProvider from './theme/ThemeProvider';
const Refinery = lazy(() => import('./Refinery.js'));
export default function App({
rootStore,
}: {
rootStore: RootStore;
}): JSX.Element {
return (
<StrictMode>
<RootStoreProvider rootStore={rootStore}>
<ThemeProvider>
<CssBaseline enableColorScheme />
<WindowControlsOverlayColor />
<Box height="100vh" overflow="auto">
<Suspense fallback={<Loading />}>
<Refinery />
</Suspense>
</Box>
</ThemeProvider>
</RootStoreProvider>
</StrictMode>
);
}
|