import './App.css';
import React from 'react'
import {
  BrowserRouter,
  Routes,
  Route,
} from "react-router-dom"

import Header from "./components/Header"
import Leaderboard from "./components/Leaderboard"
import GameProposal from "./components/GameProposal"
import DataPolling from './components/DataPolling';

//import { UserProvider } from "../contexts/UserProvider"
//import { GameProposalProvider } from './context/GameProposal';

function App() { 

  return <div className="App">
    <BrowserRouter>
        <Header/>
        <DataPolling/>
        <div className="Container">
          <Routes>
            <Route path="/leaderboard" element={<Leaderboard/>} />
              <Route path="/gameproposal" element={<GameProposal/>} />
          </Routes>
        </div>
    </BrowserRouter>
    </div>
}

export default App;