mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Refactor app structure
This commit is contained in:
parent
06b0fed11d
commit
d748372a28
23 changed files with 88 additions and 42 deletions
28
src/App.tsx
28
src/App.tsx
|
@ -1,28 +0,0 @@
|
|||
import { History } from '@remix-run/router';
|
||||
import React from 'react';
|
||||
|
||||
import AppHeader from './components/AppHeader';
|
||||
import Backdrop from './components/Backdrop';
|
||||
import { HistoryRouter } from './components/HistoryRouter';
|
||||
import { ApiProvider } from './hooks/useApi';
|
||||
import { AppRoutes, ExperimentalAppRoutes } from './routes';
|
||||
|
||||
const App = ({ history }: { history: History }) => {
|
||||
const layoutMode = localStorage.getItem('layout');
|
||||
|
||||
return (
|
||||
<ApiProvider>
|
||||
<HistoryRouter history={history}>
|
||||
<Backdrop />
|
||||
<AppHeader />
|
||||
|
||||
<div className='mainAnimatedPages skinBody' />
|
||||
<div className='skinBody'>
|
||||
{layoutMode === 'experimental' ? <ExperimentalAppRoutes /> : <AppRoutes /> }
|
||||
</div>
|
||||
</HistoryRouter>
|
||||
</ApiProvider>
|
||||
);
|
||||
};
|
||||
|
||||
export default App;
|
Loading…
Add table
Add a link
Reference in a new issue