-import PropTypes from 'prop-types';
import React from 'react';
-import { Navigate, Route, Routes } from 'react-router-dom';
+import {
+ createBrowserRouter,
+ createRoutesFromElements,
+ Navigate,
+ Route,
+ RouterProvider,
+} from 'react-router-dom';
import FullLayout from './FullLayout';
-import AlttpSeed from '../pages/AlttpSeed';
-import DoorsTracker from '../pages/DoorsTracker';
-import Event from '../pages/Event';
import Front from '../pages/Front';
-import Map from '../pages/Map';
-import Schedule from '../pages/Schedule';
import Technique from '../pages/Technique';
import Techniques from '../pages/Techniques';
-import Tournament from '../pages/Tournament';
import User from '../pages/User';
-const AppRoutes = ({ doLogout }) => <Routes>
- <Route element={<FullLayout doLogout={doLogout} />}>
- <Route
- path="dungeons"
- element={<Techniques namespace="dungeons" type="dungeon" />}
- />
- <Route
- path="dungeons/:name"
- element={<Technique basepath="dungeons" type="dungeon" />}
- />
- <Route
- path="events/:name"
- element={<Event />}
- />
- <Route path="h/:hash" element={<AlttpSeed />} />
- <Route
- path="locations"
- element={<Techniques namespace="locations" type="location" />}
- />
- <Route
- path="locations/:name"
- element={<Technique basepath="locations" type="location" />}
- />
- <Route path="map">
- <Route index element={<Navigate replace to="lw" />} />
- <Route path=":activeMap" element={<Map />} />
- </Route>
- <Route
- path="modes"
- element={<Techniques namespace="modes" type="mode" />}
- />
- <Route
- path="modes/:name"
- element={<Technique basepath="modes" type="mode" />}
- />
- <Route
- path="rulesets"
- element={<Techniques namespace="rulesets" type="ruleset" />}
+const router = createBrowserRouter(
+ createRoutesFromElements(
+ <Route>
+ <Route element={<FullLayout />}>
+ <Route
+ path="discord-bot"
+ lazy={() => import(
+ /* webpackChunkName: "admin" */
+ '../pages/DiscordBot'
+ )}
+ />
+ <Route
+ path="dungeons"
+ element={<Techniques namespace="dungeons" type="dungeon" />}
+ />
+ <Route
+ path="dungeons/:name"
+ element={<Technique basepath="dungeons" type="dungeon" />}
+ />
+ <Route
+ path="events"
+ lazy={() => import(
+ /* webpackChunkName: "events" */
+ '../pages/Events'
+ )}
+ />
+ <Route
+ path="events/:name"
+ lazy={() => import(
+ /* webpackChunkName: "events" */
+ '../pages/Event'
+ )}
+ />
+ <Route
+ path="h/:hash"
+ lazy={() => import(
+ /* webpackChunkName: "seeds" */
+ '../pages/AlttpSeed'
+ )}
+ />
+ <Route
+ path="locations"
+ element={<Techniques namespace="locations" type="location" />}
+ />
+ <Route
+ path="locations/:name"
+ element={<Technique basepath="locations" type="location" />}
+ />
+ <Route path="map">
+ <Route index element={<Navigate replace to="lw" />} />
+ <Route
+ path=":activeMap"
+ lazy={() => import(
+ /* webpackChunkName: "map" */
+ '../pages/Map'
+ )}
+ />
+ </Route>
+ <Route
+ path="modes"
+ element={<Techniques namespace="modes" type="mode" />}
+ />
+ <Route
+ path="modes/:name"
+ element={<Technique basepath="modes" type="mode" />}
+ />
+ <Route
+ path="rulesets"
+ element={<Techniques namespace="rulesets" type="ruleset" />}
+ />
+ <Route
+ path="rulesets/:name"
+ element={<Technique basepath="rulesets" type="ruleset" />}
+ />
+ <Route
+ path="schedule"
+ lazy={() => import(
+ /* webpackChunkName: "events" */
+ '../pages/Schedule'
+ )}
+ />
+ <Route
+ path="tech"
+ element={<Techniques namespace="techniques" type="tech" />}
+ />
+ <Route
+ path="tech/:name"
+ element={<Technique basepath="tech" type="tech" />}
+ />
+ <Route
+ path="tournaments/:id"
+ lazy={() => import(
+ /* webpackChunkName: "tournament" */
+ '../pages/Tournament'
+ )}
+ />
+ <Route
+ path="twitch-bot"
+ lazy={() => import(
+ /* webpackChunkName: "admin" */
+ '../pages/TwitchBot'
+ )}
+ />
+ <Route
+ path="twitch-legal"
+ lazy={() => import(
+ /* webpackChunkName: "twitch" */
+ '../pages/TwitchLegal'
+ )}
+ />
+ <Route path="users/:id" element={<User />} />
+ <Route path="/" element={<Front />} />
+ <Route path="*" element={<Navigate to="/" />} />
+ </Route>
+ <Route
+ path="doors-tracker"
+ lazy={() => import(
+ /* webpackChunkName: "tracker" */
+ '../pages/DoorsTracker'
+ )}
/>
- <Route
- path="rulesets/:name"
- element={<Technique basepath="rulesets" type="ruleset" />}
- />
- <Route path="schedule" element={<Schedule />} />
- <Route
- path="tech"
- element={<Techniques namespace="techniques" type="tech" />}
- />
- <Route
- path="tech/:name"
- element={<Technique basepath="tech" type="tech" />}
- />
- <Route path="tournaments/:id" element={<Tournament />} />
- <Route path="users/:id" element={<User />} />
- <Route path="/" element={<Front />} />
- <Route path="*" element={<Navigate to="/" />} />
- </Route>
- <Route
- path="doors-tracker"
- element={<DoorsTracker />}
- />
-</Routes>;
+ <Route path="guessing-game">
+ <Route
+ path="controls/:channelId?"
+ lazy={() => import(
+ /* webpackChunkName: "guessing" */
+ '../pages/GuessingGameControls'
+ )}
+ />
+ <Route
+ path="monitor/:key"
+ lazy={() => import(
+ /* webpackChunkName: "guessing" */
+ '../pages/GuessingGameMonitor'
+ )}
+ />
+ </Route>
+ </Route>
+ )
+);
-AppRoutes.propTypes = {
- doLogout: PropTypes.func,
-};
+const AppRoutes = () => <RouterProvider router={router} />;
export default AppRoutes;
projects / alttp.git / blobdiff