import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
import { AuthProvider } from './context/AuthContext';
import RegisterPage from './components/Authentication';
import MainFeed from './components/MainFeed';
import ChatPage from './components/ChatPage';
import ChatListPage from './components/ChatListPage';
import ReviewsPage from './components/ReviewsPage';
import './styles/chat.css';

function App() {
  return (
      <AuthProvider>
        <BrowserRouter>
          <Routes>
            <Route path="/" element={<Navigate to="/feed" replace />} />

            <Route path="/register" element={<RegisterPage />} />
            <Route path="/feed" element={<MainFeed />} />
            <Route path="/reviews" element={<ReviewsPage />} />
            <Route path="/chats" element={<ChatListPage />} />
            <Route path="/chats/:chatId" element={<ChatPage />} />
          </Routes>
        </BrowserRouter>
      </AuthProvider>
  );
}

export default App;