X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;ds=sidebyside;f=resources%2Fjs%2Fapp%2FRoutes.js;h=e5da45f293d28b74c7f4c2fbe6fee5b1a54a2707;hb=9ac5e263a259207e3ecd132188df41f7c3315b88;hp=5f2ed26e7d7c97e7655154f3bf817e2bfb5557ee;hpb=16662be0b3432d67307ae8c2bb798362d77bab99;p=alttp.git

diff --git a/resources/js/app/Routes.js b/resources/js/app/Routes.js
index 5f2ed26..e5da45f 100644
--- a/resources/js/app/Routes.js
+++ b/resources/js/app/Routes.js
@@ -1,84 +1,136 @@
-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="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>
+	)
+);
 
-AppRoutes.propTypes = {
-	doLogout: PropTypes.func,
-};
+const AppRoutes = () => <RouterProvider router={router} />;
 
 export default AppRoutes;