roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-04-25 03:49:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

performance pass on /s/:id route (#183)

Browse source 
* chore(web): attempt a slightly faster unauthed /s/ load

* retype RouteWrapper
This commit is contained in:
41666 2021-03-15 20:22:18 -04:00 • committed by GitHub
parent e0fcfc310e
commit 81b6de7f71
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/web/src/app-router/AppRouter.tsx
View file

@ -3,9 +3,9 @@ import { GenericLoadingTemplate } from '@roleypoly/design-system/templates/gener
import * as React from 'react'; import * as React from 'react';
import AuthLogin from '../pages/auth/login'; import AuthLogin from '../pages/auth/login';
import LandingPage from '../pages/landing'; import LandingPage from '../pages/landing';
import PickerPage from '../pages/picker';
const ServersPage = React.lazy(() => import('../pages/servers')); const ServersPage = React.lazy(() => import('../pages/servers'));
const PickerPage = React.lazy(() => import('../pages/picker'));
const MachineryNewSession = React.lazy(() => import('../pages/machinery/new-session')); const MachineryNewSession = React.lazy(() => import('../pages/machinery/new-session'));
const MachineryLogout = React.lazy(() => import('../pages/machinery/logout')); const MachineryLogout = React.lazy(() => import('../pages/machinery/logout'));
@ -15,7 +15,7 @@ const DevToolsSetApi = React.lazy(() => import('../pages/dev-tools/set-api'));
const DevToolsSessionDebug = React.lazy(() => import('../pages/dev-tools/session-debug')); const DevToolsSessionDebug = React.lazy(() => import('../pages/dev-tools/session-debug'));
const RouteWrapper = (props: { const RouteWrapper = (props: {
component: React.LazyExoticComponent<React.ComponentType<any>>; component: React.ComponentType<any>;
path?: string; path?: string;
default?: boolean; default?: boolean;
}) => ( }) => (
@ -27,7 +27,7 @@ const RouteWrapper = (props: {
export const AppRouter = () => { export const AppRouter = () => {
return ( return (
<Router> <Router>
<LandingPage path="/" /> <RouteWrapper component={LandingPage} path="/" />
<RouteWrapper component={ServersPage} path="/servers" /> <RouteWrapper component={ServersPage} path="/servers" />
<RouteWrapper component={PickerPage} path="/s/:serverID" /> <RouteWrapper component={PickerPage} path="/s/:serverID" />
@ -38,7 +38,7 @@ export const AppRouter = () => {
<RouteWrapper component={MachineryLogout} path="/machinery/logout" /> <RouteWrapper component={MachineryLogout} path="/machinery/logout" />
<RouteWrapper component={MachineryBotJoin} path="/machinery/bot-join" /> <RouteWrapper component={MachineryBotJoin} path="/machinery/bot-join" />
<RouteWrapper component={MachineryBotJoin} path="/machinery/bot-join/:serverID" /> <RouteWrapper component={MachineryBotJoin} path="/machinery/bot-join/:serverID" />
<AuthLogin path="/auth/login" /> <RouteWrapper component={AuthLogin} path="/auth/login" />
<RouteWrapper component={DevToolsSetApi} path="/x/dev-tools/set-api" /> <RouteWrapper component={DevToolsSetApi} path="/x/dev-tools/set-api" />
<RouteWrapper component={DevToolsSessionDebug} path="/x/dev-tools/session-debug" /> <RouteWrapper component={DevToolsSessionDebug} path="/x/dev-tools/session-debug" />

1
packages/web/src/pages/picker.tsx
View file

@ -12,6 +12,7 @@ import { makeRoleTransactions } from '../utils/roleTransactions';
type PickerProps = { type PickerProps = {
serverID: string; serverID: string;
path: string;
}; };
const Picker = (props: PickerProps) => { const Picker = (props: PickerProps) => {