X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2FApp.js;h=d84474cfc65da9c1a2e628f5513c20d457ece183;hb=5d62356b37c464f6fb91deb7beb62347fd9cdd9c;hp=b5bd9c9fdfd8388d500d97f5ae8e10b9e594719b;hpb=edd0e97bfdc544114f30bf4c13a929631c44a555;p=alttp.git

diff --git a/resources/js/components/App.js b/resources/js/components/App.js
index b5bd9c9..d84474c 100644
--- a/resources/js/components/App.js
+++ b/resources/js/components/App.js
@@ -2,9 +2,16 @@ import axios from 'axios';
 import React, { useEffect, useState } from 'react';
 import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
 
+import Footer from './common/Footer';
 import Header from './common/Header';
+import AlttpSeed from './pages/AlttpSeed';
 import Front from './pages/Front';
+import Map from './pages/Map';
+import Technique from './pages/Technique';
+import Techniques from './pages/Techniques';
 import Tournament from './pages/Tournament';
+import User from './pages/User';
+import AlttpBaseRomProvider from '../helpers/AlttpBaseRomContext';
 import UserContext from '../helpers/UserContext';
 
 const App = () => {
@@ -37,16 +44,55 @@ const App = () => {
 		};
 	}, []);
 
+	useEffect(() => {
+		window.Echo.channel('App.Control')
+			.listen('PleaseRefresh', () => {
+				location.reload();
+			});
+		return () => {
+			window.Echo.leave('App.Control');
+		};
+	}, []);
+
 	return <BrowserRouter>
-		<UserContext.Provider value={user}>
-			<Header doLogout={doLogout} />
-			{user ?
+		<AlttpBaseRomProvider>
+			<UserContext.Provider value={user}>
+				<Header doLogout={doLogout} />
 				<Routes>
+					<Route path="h/:hash" element={<AlttpSeed />} />
+					<Route path="map" element={<Map />} />
+					<Route
+						path="modes"
+						element={<Techniques namespace="modes" type="mode" />}
+					/>
+					<Route
+						path="modes/:name"
+						element={<Technique namespace="modes" type="mode" />}
+					/>
+					<Route
+						path="rulesets"
+						element={<Techniques namespace="rulesets" type="ruleset" />}
+						/>
+					<Route
+						path="rulesets/:name"
+						element={<Technique namespace="rulesets" type="ruleset" />}
+					/>
+					<Route
+						path="tech"
+						element={<Techniques namespace="techniques" type="tech" />}
+					/>
+					<Route
+						path="tech/:name"
+						element={<Technique namespace="techniques" type="tech" />}
+					/>
 					<Route path="tournaments/:id" element={<Tournament />} />
-					<Route path="*" element={<Navigate to="/tournaments/1" />} />
+					<Route path="users/:id" element={<User />} />
+					<Route path="/" element={<Front />} />
+					<Route path="*" element={<Navigate to="/" />} />
 				</Routes>
-			: <Front />}
-		</UserContext.Provider>
+				<Footer />
+			</UserContext.Provider>
+		</AlttpBaseRomProvider>
 	</BrowserRouter>;
 };