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';
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');
return <BrowserRouter>
<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="h/:hash" element={<AlttpSeed />} />
+ <Route path="map" element={<Map />} />
<Route
path="modes"
element={<Techniques namespace="modes" type="mode" />}
projects / alttp.git / blobdiff