import './App.css';
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import ChatPage from './ChatPage';
import LoginPage from './LoginPage';
import SignupPage from './SignupPage';
import PrivateRoutes from './PrivateRoutes';
import { UserProvider } from './contexts/UserProvider';

function App() {

  // console.log(process.env.REACT_APP_BACKEND_URL);

  return (
    <div className="App">
      <UserProvider>
        <Router>
          <Routes>
            <Route element={<LoginPage />} path="/login" />
            <Route element={<SignupPage />} path="/signup" />
            {/* <Route element={<ChatPage />} path="/" /> */}


            <Route element={<PrivateRoutes />}>
              <Route element={<ChatPage />} path="/" />
            </Route>


          </Routes>
        </Router>

      </UserProvider>


    </div>
  );
}

export default App;