X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2FApp.js;h=3ad2494981cbec2f9f878dbdd0faad155a87338d;hb=b814478f9bc289cd558fd4a5beab44f299347d88;hp=74cec3d7d9b7703f9a88e7663fe6564026710d71;hpb=f642f1eda2a68ad5e09b71ccdae1499bc9d31e4f;p=alttp.git diff --git a/resources/js/components/App.js b/resources/js/components/App.js index 74cec3d..3ad2494 100644 --- a/resources/js/components/App.js +++ b/resources/js/components/App.js @@ -1,14 +1,28 @@ 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'); @@ -36,15 +50,77 @@ const App = () => { }; }, []); + useEffect(() => { + window.Echo.channel('App.Control') + .listen('PleaseRefresh', () => { + location.reload(); + }); + return () => { + window.Echo.leave('App.Control'); + }; + }, []); + return - -
- {user ? + + + + + {t('general.appName')} + + +
- } /> + } + /> + } + /> + } /> + } + /> + } + /> + } /> + } + /> + } + /> + } + /> + } + /> + } /> + } + /> + } + /> + } /> + } /> + } /> + } /> - : } - +