StarMC/Astral-nook
StarMC/Astral-nook
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add account related routes to router file

Browse source
This commit is contained in:
DaneEveritt 2022-06-12 13:33:25 -04:00
parent 7197d28815
commit b50e722948
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
3 changed files with 58 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,16 +1,13 @@
import React from 'react';
import { NavLink, Route, Switch } from 'react-router-dom';
import AccountOverviewContainer from '@/components/dashboard/AccountOverviewContainer';
import NavigationBar from '@/components/NavigationBar';
import DashboardContainer from '@/components/dashboard/DashboardContainer';
import AccountApiContainer from '@/components/dashboard/AccountApiContainer';
import { NotFound } from '@/components/elements/ScreenBlock';
import TransitionRouter from '@/TransitionRouter';
import SubNavigation from '@/components/elements/SubNavigation';
import AccountSSHContainer from '@/components/dashboard/ssh/AccountSSHContainer';
import { useLocation } from 'react-router';
import ActivityLogContainer from '@/components/dashboard/activity/ActivityLogContainer';
import Spinner from '@/components/elements/Spinner';
import routes from '@/routers/routes';
export default () => {
const location = useLocation();
@ -21,10 +18,15 @@ export default () => {
{location.pathname.startsWith('/account') &&
<SubNavigation>
<div>
<NavLink to={'/account'} exact>Settings</NavLink>
<NavLink to={'/account/api'}>API Credentials</NavLink>
<NavLink to={'/account/ssh'}>SSH Keys</NavLink>
<NavLink to={'/account/activity'}>Activity</NavLink>
{routes.account.filter((route) => !!route.name).map(({ path, name, exact = false }) => (
<NavLink
key={path}
to={`/account/${path}`.replace('//', '/')}
exact={exact}
>
{name}
</NavLink>
))}
</div>
</SubNavigation>
}
@ -34,18 +36,11 @@ export default () => {
<Route path={'/'} exact>
<DashboardContainer/>
</Route>
<Route path={'/account'} exact>
<AccountOverviewContainer/>
</Route>
<Route path={'/account/api'} exact>
<AccountApiContainer/>
</Route>
<Route path={'/account/ssh'} exact>
<AccountSSHContainer/>
</Route>
<Route path={'/account/activity'} exact>
<ActivityLogContainer/>
</Route>
{routes.account.map(({ path, component: Component }) => (
<Route key={path} path={`/account/${path}`.replace('//', '/')} exact>
<Component/>
</Route>
))}
<Route path={'*'}>
<NotFound/>
</Route>