import 'bootstrap/dist/css/bootstrap.min.css';
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
import "./App.css";
import HomeProfile from './components/Home/HomeProfile';
import RoomList from './components/Home/RoomList';
import HomeGuestPage from "./pages/HomeGuestPage";
import HomeUserPage from "./pages/HomeUserPage";
import ProfilePage from "./pages/ProfilePage";
import RoomPage from "./pages/RoomPage";

function App() {
  return (
    <Router basename={process.env.PUBLIC_URL}>
      {/* <AuthProvider> */}
      <Switch>
        <Route exact path="/" component={HomeGuestPage} />
        <Route exact path="/user" component={HomeUserPage} />
        <Route path="/profile/:id" component={ProfilePage} />
        <Route path="/Room/:id/:channel" component={RoomPage} />
      </Switch>
      {/* </AuthProvider> */}
    </Router>
  );
}

export default App;