import axios from 'axios';
import React, { useEffect, useState } from 'react';
-import { BrowserRouter, Route, Routes } from 'react-router-dom';
+import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
import Header from './common/Header';
import Front from './pages/Front';
+import Tournament from './pages/Tournament';
import UserContext from '../helpers/UserContext';
const App = () => {
<Header doLogout={doLogout} />
{user ?
<Routes>
- <Route path="*" element={<Front />} />
+ <Route path="tournaments/:id" element={<Tournament />} />
+ <Route path="*" element={<Navigate to="/tournaments/1" />} />
</Routes>
: <Front />}
</UserContext.Provider>