allow filtering of techniques by ruleset

[alttp.git] / resources / js / components / App.js

diff --git a/resources/js/components/App.js b/resources/js/components/App.js
index 74cec3d7d9b7703f9a88e7663fe6564026710d71..fe8ff25c31860b95b202355967852d3f2f352297 100644 (file)
--- a/resources/js/components/App.js
+++ b/resources/js/components/App.js
@@ -1,9 +1,16 @@
 import axios from 'axios';
 import React, { useEffect, useState } from 'react';
-import { BrowserRouter, Route, Routes } from 'react-router-dom';
+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 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 = () => {
@@ -36,15 +43,54 @@ 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="*" element={<Front />} />
+                                       <Route path="h/:hash" element={<AlttpSeed />} />
+                                       <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="users/:id" element={<User />} />
+                                       <Route path="/" element={<Front />} />
+                                       <Route path="*" element={<Navigate to="/" />} />
                                </Routes>
-                       : <Front />}
-               </UserContext.Provider>
+                               <Footer />
+                       </UserContext.Provider>
+               </AlttpBaseRomProvider>
        </BrowserRouter>;
 };