import axios from 'axios';
import React, { useEffect, useState } from 'react';
-import { BrowserRouter, Route, Routes } from 'react-router-dom';
+import { Helmet } from 'react-helmet';
+import { useTranslation } from 'react-i18next';
+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 Schedule from './pages/Schedule';
+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';
+import i18n from '../i18n';
const App = () => {
const [user, setUser] = useState(null);
+ const { t } = useTranslation();
+
const checkAuth = async () => {
try {
const response = await axios.get('/api/user');
};
}, []);
+ 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}>
+ <Helmet>
+ <html lang={i18n.language} />
+ <title>{t('general.appName')}</title>
+ <meta name="description" content={t('general.appDescription')} />
+ </Helmet>
+ <Header doLogout={doLogout} />
<Routes>
- <Route path="*" element={<Front />} />
+ <Route
+ path="dungeons"
+ element={<Techniques namespace="dungeons" type="dungeon" />}
+ />
+ <Route
+ path="dungeons/:name"
+ element={<Technique namespace="dungeons" type="dungeon" />}
+ />
+ <Route path="h/:hash" element={<AlttpSeed />} />
+ <Route
+ path="locations"
+ element={<Techniques namespace="locations" type="location" />}
+ />
+ <Route
+ path="locations/:name"
+ element={<Technique namespace="locations" type="location" />}
+ />
+ <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="schedule" element={<Schedule />} />
+ <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>;
};
projects / alttp.git / blobdiff