fix tech requirements markup

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

diff --git a/resources/js/components/App.js b/resources/js/components/App.js
index fe8ff25c31860b95b202355967852d3f2f352297..9656da2a75bd08aa74344af3508daf5e5aba8042 100644 (file)
--- a/resources/js/components/App.js
+++ b/resources/js/components/App.js
@@ -1,11 +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';
@@ -16,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');
@@ -56,9 +61,14 @@ 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="map" element={<Map />} />
                                        <Route
                                                path="modes"
                                                element={<Techniques namespace="modes" type="mode" />}