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