resources/js/components/App.js

   1 import axios from 'axios';
   2 import React, { useEffect, useState } from 'react';
   3 import { Helmet } from 'react-helmet';
   4 import { useTranslation } from 'react-i18next';
   5 import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
   6
   7 import Footer from './common/Footer';
   8 import Header from './common/Header';
   9 import AlttpSeed from './pages/AlttpSeed';
  10 import Front from './pages/Front';
  11 import Map from './pages/Map';
  12 import Schedule from './pages/Schedule';
  13 import Technique from './pages/Technique';
  14 import Techniques from './pages/Techniques';
  15 import Tournament from './pages/Tournament';
  16 import User from './pages/User';
  17 import AlttpBaseRomProvider from '../helpers/AlttpBaseRomContext';
  18 import UserContext from '../helpers/UserContext';
  19 import i18n from '../i18n';
  20
  21 const App = () => {
  22         const [user, setUser] = useState(null);
  23
  24         const { t } = useTranslation();
  25
  26         const checkAuth = async () => {
  27                 try {
  28                         const response = await axios.get('/api/user');
  29                         setUser(response.data);
  30                 } catch (e) {
  31                         setUser(null);
  32                 }
  33         };
  34
  35         const doLogout = async () => {
  36                 await axios.post('/logout');
  37                 await checkAuth();
  38         };
  39
  40         useEffect(() => {
  41                 let timer = null;
  42                 axios
  43                         .get('/sanctum/csrf-cookie')
  44                         .then(() => {
  45                                 checkAuth();
  46                                 timer = setInterval(checkAuth, 15 * 60 * 1000);
  47                         });
  48                 return () => {
  49                         if (timer) clearInterval(timer);
  50                 };
  51         }, []);
  52
  53         useEffect(() => {
  54                 window.Echo.channel('App.Control')
  55                         .listen('PleaseRefresh', () => {
  56                                 location.reload();
  57                         });
  58                 return () => {
  59                         window.Echo.leave('App.Control');
  60                 };
  61         }, []);
  62
  63         return <BrowserRouter>
  64                 <AlttpBaseRomProvider>
  65                         <UserContext.Provider value={user}>
  66                                 <Helmet>
  67                                         <html lang={i18n.language} />
  68                                         <title>{t('general.appName')}</title>
  69                                         <meta name="description" content={t('general.appDescription')} />
  70                                 </Helmet>
  71                                 <Header doLogout={doLogout} />
  72                                 <Routes>
  73                                         <Route path="h/:hash" element={<AlttpSeed />} />
  74                                         <Route path="map" element={<Map />} />
  75                                         <Route
  76                                                 path="modes"
  77                                                 element={<Techniques namespace="modes" type="mode" />}
  78                                         />
  79                                         <Route
  80                                                 path="modes/:name"
  81                                                 element={<Technique namespace="modes" type="mode" />}
  82                                         />
  83                                         <Route
  84                                                 path="rulesets"
  85                                                 element={<Techniques namespace="rulesets" type="ruleset" />}
  86                                                 />
  87                                         <Route
  88                                                 path="rulesets/:name"
  89                                                 element={<Technique namespace="rulesets" type="ruleset" />}
  90                                         />
  91                                         <Route path="schedule" element={<Schedule />} />
  92                                         <Route
  93                                                 path="tech"
  94                                                 element={<Techniques namespace="techniques" type="tech" />}
  95                                         />
  96                                         <Route
  97                                                 path="tech/:name"
  98                                                 element={<Technique namespace="techniques" type="tech" />}
  99                                         />
 100                                         <Route path="tournaments/:id" element={<Tournament />} />
 101                                         <Route path="users/:id" element={<User />} />
 102                                         <Route path="/" element={<Front />} />
 103                                         <Route path="*" element={<Navigate to="/" />} />
 104                                 </Routes>
 105                                 <Footer />
 106                         </UserContext.Provider>
 107                 </AlttpBaseRomProvider>
 108         </BrowserRouter>;
 109 };
 110
 111 export default App;