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 Technique from './pages/Technique';
+import Techniques from './pages/Techniques';
import Tournament from './pages/Tournament';
import User from './pages/User';
import AlttpBaseRomProvider from '../helpers/AlttpBaseRomContext';
<Header doLogout={doLogout} />
<Routes>
<Route path="h/:hash" element={<AlttpSeed />} />
- <Route path="tech/:name" element={<Technique />} />
+ <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>
+ <Footer />
</UserContext.Provider>
</AlttpBaseRomProvider>
</BrowserRouter>;