mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
chore: clean up react app layouts
This commit is contained in:
parent
68b21bbb04
commit
48524332dc
4 changed files with 55 additions and 39 deletions
|
@ -3,20 +3,39 @@ import { History } from '@remix-run/router';
|
|||
import React from 'react';
|
||||
import {
|
||||
RouterProvider,
|
||||
createHashRouter
|
||||
createHashRouter,
|
||||
Outlet
|
||||
} from 'react-router-dom';
|
||||
|
||||
import { DASHBOARD_APP_ROUTES } from 'apps/dashboard/routes/routes';
|
||||
import { EXPERIMENTAL_APP_ROUTES } from 'apps/experimental/routes/routes';
|
||||
import AppHeader from 'components/AppHeader';
|
||||
import Backdrop from 'components/Backdrop';
|
||||
import { useLegacyRouterSync } from 'hooks/useLegacyRouterSync';
|
||||
import { DASHBOARD_APP_ROUTES } from 'apps/dashboard/routes/routes';
|
||||
|
||||
const router = createHashRouter([
|
||||
...EXPERIMENTAL_APP_ROUTES,
|
||||
...DASHBOARD_APP_ROUTES
|
||||
{
|
||||
element: <RootAppLayout />,
|
||||
children: [
|
||||
...EXPERIMENTAL_APP_ROUTES,
|
||||
...DASHBOARD_APP_ROUTES
|
||||
]
|
||||
}
|
||||
]);
|
||||
|
||||
export default function RootAppRouter({ history }: { history: History}) {
|
||||
export default function RootAppRouter({ history }: Readonly<{ history: History}>) {
|
||||
useLegacyRouterSync({ router, history });
|
||||
|
||||
return <RouterProvider router={router} />;
|
||||
}
|
||||
|
||||
function RootAppLayout() {
|
||||
return (
|
||||
<>
|
||||
<Backdrop />
|
||||
<AppHeader isHidden />
|
||||
|
||||
<Outlet />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue