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';
import UserContext from '../helpers/UserContext';
const App = () => {
}, []);
return <BrowserRouter>
- <UserContext.Provider value={user}>
- <Header doLogout={doLogout} />
- <Routes>
- <Route path="tournaments/:id" element={<Tournament />} />
- <Route path="users/:id" element={<User />} />
- <Route path="*" element={<Navigate to="/tournaments/4" />} />
- </Routes>
- </UserContext.Provider>
+ <AlttpBaseRomProvider>
+ <UserContext.Provider value={user}>
+ <Header doLogout={doLogout} />
+ <Routes>
+ <Route path="h/:hash" element={<AlttpSeed />} />
+ <Route path="tech" element={<Techniques />} />
+ <Route path="tech/:name" element={<Technique />} />
+ <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>;
};