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 Front from './pages/Front';
7 import Tournament from './pages/Tournament';
8 import UserContext from '../helpers/UserContext';
11 const [user, setUser] = useState(null);
13 const checkAuth = async () => {
15 const response = await axios.get('/api/user');
16 setUser(response.data);
22 const doLogout = async () => {
23 await axios.post('/logout');
30 .get('/sanctum/csrf-cookie')
33 timer = setInterval(checkAuth, 15 * 60 * 1000);
36 if (timer) clearInterval(timer);
40 return <BrowserRouter>
41 <UserContext.Provider value={user}>
42 <Header doLogout={doLogout} />
45 <Route path="tournaments/:id" element={<Tournament />} />
46 <Route path="*" element={<Navigate to="/tournaments/1" />} />
49 </UserContext.Provider>