resources/js/components/aos/App.js

   1 import axios from 'axios';
   2 import React, { useEffect, useState } from 'react';
   3 import { BrowserRouter, Route, Routes } from 'react-router-dom';
   4
   5 import Header from './Header';
   6 import AosFront from '../pages/AosFront';
   7 import AosSeed from '../pages/AosSeed';
   8 import Tracker from '../pages/AosTracker';
   9 import User from '../pages/User';
  10 import AosBaseRomProvider from '../../helpers/AosBaseRomContext';
  11 import UserContext from '../../helpers/UserContext';
  12
  13 const App = () => {
  14         const [user, setUser] = useState(null);
  15
  16         const checkAuth = async () => {
  17                 try {
  18                         const response = await axios.get('/api/user');
  19                         setUser(response.data);
  20                 } catch (e) {
  21                         setUser(null);
  22                 }
  23         };
  24
  25         const doLogout = async () => {
  26                 await axios.post('/logout');
  27                 await checkAuth();
  28         };
  29
  30         useEffect(() => {
  31                 let timer = null;
  32                 axios
  33                         .get('/sanctum/csrf-cookie')
  34                         .then(() => {
  35                                 checkAuth();
  36                                 timer = setInterval(checkAuth, 15 * 60 * 1000);
  37                         });
  38                 return () => {
  39                         if (timer) clearInterval(timer);
  40                 };
  41         }, []);
  42
  43         useEffect(() => {
  44                 window.Echo.channel('App.Control')
  45                         .listen('PleaseRefresh', () => {
  46                                 location.reload();
  47                         });
  48                 return () => {
  49                         window.Echo.leave('App.Control');
  50                 };
  51         }, []);
  52
  53         return <BrowserRouter>
  54                 <AosBaseRomProvider>
  55                         <UserContext.Provider value={user}>
  56                                 <Header doLogout={doLogout} />
  57                                 <Routes>
  58                                         <Route path="h/:hash" element={<AosSeed />} />
  59                                         <Route path="tracker" element={<Tracker />} />
  60                                         <Route path="users/:id" element={<User />} />
  61                                         <Route path="*" element={<AosFront />} />
  62                                 </Routes>
  63                         </UserContext.Provider>
  64                 </AosBaseRomProvider>
  65         </BrowserRouter>;
  66 };
  67
  68 export default App;