X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2FApp.js;h=9656da2a75bd08aa74344af3508daf5e5aba8042;hb=a66d944386be0800f8f60644adbac721d9f77dd1;hp=6d4030357082ad7e4c985c62349ea06b8519f629;hpb=6c51a1601e74bc822ccafe984d525d0e9a35ca28;p=alttp.git

diff --git a/resources/js/components/App.js b/resources/js/components/App.js
index 6d40303..9656da2 100644
--- a/resources/js/components/App.js
+++ b/resources/js/components/App.js
@@ -1,10 +1,14 @@
 import axios from 'axios';
 import React, { useEffect, useState } from 'react';
+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 Technique from './pages/Technique';
 import Techniques from './pages/Techniques';
 import Tournament from './pages/Tournament';
@@ -15,6 +19,8 @@ import UserContext from '../helpers/UserContext';
 const App = () => {
 	const [user, setUser] = useState(null);
 
+	const { t } = useTranslation();
+
 	const checkAuth = async () => {
 		try {
 			const response = await axios.get('/api/user');
@@ -55,16 +61,44 @@ const App = () => {
 	return <BrowserRouter>
 		<AlttpBaseRomProvider>
 			<UserContext.Provider value={user}>
+				<Helmet>
+					<title>{t('general.appName')}</title>
+					<meta name="description" content={t('general.appDescription')} />
+				</Helmet>
 				<Header doLogout={doLogout} />
 				<Routes>
 					<Route path="h/:hash" element={<AlttpSeed />} />
-					<Route path="tech" element={<Techniques />} />
-					<Route path="tech/:name" element={<Technique />} />
+					<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="users/:id" element={<User />} />
 					<Route path="/" element={<Front />} />
 					<Route path="*" element={<Navigate to="/" />} />
 				</Routes>
+				<Footer />
 			</UserContext.Provider>
 		</AlttpBaseRomProvider>
 	</BrowserRouter>;