1 import axios from 'axios';
2 import React, { useEffect, useState } from 'react';
3 import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
5 import Header from './common/Header';
6 import AlttpSeed from './pages/AlttpSeed';
7 import Technique from './pages/Technique';
8 import Tournament from './pages/Tournament';
9 import User from './pages/User';
10 import AlttpBaseRomProvider from '../helpers/AlttpBaseRomContext';
11 import UserContext from '../helpers/UserContext';
14 const [user, setUser] = useState(null);
16 const checkAuth = async () => {
18 const response = await axios.get('/api/user');
19 setUser(response.data);
25 const doLogout = async () => {
26 await axios.post('/logout');
33 .get('/sanctum/csrf-cookie')
36 timer = setInterval(checkAuth, 15 * 60 * 1000);
39 if (timer) clearInterval(timer);
44 window.Echo.channel('App.Control')
45 .listen('PleaseRefresh', () => {
49 window.Echo.leave('App.Control');
53 return <BrowserRouter>
54 <AlttpBaseRomProvider>
55 <UserContext.Provider value={user}>
56 <Header doLogout={doLogout} />
58 <Route path="h/:hash" element={<AlttpSeed />} />
59 <Route path="tech/:name" element={<Technique />} />
60 <Route path="tournaments/:id" element={<Tournament />} />
61 <Route path="users/:id" element={<User />} />
62 <Route path="*" element={<Navigate to="/tournaments/5" />} />
64 </UserContext.Provider>
65 </AlttpBaseRomProvider>