Skynet/misc_pterodactyl-panel
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

React 18 and Vite (#4510)

Browse source
This commit is contained in:
Matthew Penner 2022-11-25 13:25:03 -07:00 • committed by GitHub
parent 1bb1b13f6d
commit 21613fa602
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
244 changed files with 4547 additions and 8933 deletions
Download patch file Download diff file Expand all files Collapse all files

51
resources/scripts/routers/DashboardRouter.tsx
View file

@ -1,50 +1,47 @@
import React from 'react';
import { NavLink, Route, Switch } from 'react-router-dom';
import { Suspense } from 'react';
import { NavLink, Route, Routes, useLocation } from 'react-router-dom';
import NavigationBar from '@/components/NavigationBar';
import DashboardContainer from '@/components/dashboard/DashboardContainer';
import { NotFound } from '@/components/elements/ScreenBlock';
import TransitionRouter from '@/TransitionRouter';
import SubNavigation from '@/components/elements/SubNavigation';
import { useLocation } from 'react-router';
import Spinner from '@/components/elements/Spinner';
import SubNavigation from '@/components/elements/SubNavigation';
import routes from '@/routers/routes';
export default () => {
function DashboardRouter() {
const location = useLocation();
return (
<>
<NavigationBar />
{location.pathname.startsWith('/account') && (
<SubNavigation>
<div>
{routes.account
.filter((route) => !!route.name)
.map(({ path, name, exact = false }) => (
<NavLink key={path} to={`/account/${path}`.replace('//', '/')} exact={exact}>
.filter(route => route.path !== undefined)
.map(({ path, name, end = false }) => (
<NavLink key={path} to={`/account/${path ?? ''}`.replace('//', '/')} end={end}>
{name}
</NavLink>
))}
</div>
</SubNavigation>
)}
<TransitionRouter>
<React.Suspense fallback={<Spinner centered />}>
<Switch location={location}>
<Route path={'/'} exact>
<DashboardContainer />
</Route>
{routes.account.map(({ path, component: Component }) => (
<Route key={path} path={`/account/${path}`.replace('//', '/')} exact>
<Component />
</Route>
))}
<Route path={'*'}>
<NotFound />
</Route>
</Switch>
</React.Suspense>
</TransitionRouter>
<Suspense fallback={<Spinner centered />}>
<Routes>
<Route path="" element={<DashboardContainer />} />
{routes.account.map(({ route, component: Component }) => (
<Route key={route} path={`/account/${route}`.replace('//', '/')} element={<Component />} />
))}
<Route path="*" element={<NotFound />} />
</Routes>
</Suspense>
</>
);
};
}
export default DashboardRouter;