2022-06-25 13:47:07 +08:00

29 lines
931 B
TypeScript

import { Toaster } from 'react-hot-toast'
import TitleBar from '@/web/components/TitleBar'
import IpcRendererReact from '@/web/IpcRendererReact'
import Layout from '@/web/components/New/Layout'
import Devtool from '@/web/components/New/Devtool'
import ErrorBoundary from '@/web/components/New/ErrorBoundary'
import useIsMobile from '@/web/hooks/useIsMobile'
import LayoutMobile from '@/web/components/New/LayoutMobile'
import ScrollRestoration from '@/web/components/New/ScrollRestoration'
const App = () => {
const isMobile = useIsMobile()
return (
<ErrorBoundary>
<div className='dark'>
{window.env?.isEnableTitlebar && <TitleBar />}
{isMobile ? <LayoutMobile /> : <Layout />}
<Toaster position='bottom-center' containerStyle={{ bottom: '5rem' }} />
<ScrollRestoration />
<IpcRendererReact />
<Devtool />
</div>
</ErrorBoundary>
)
}
export default App