import "./App.css";
import React, { useContext } from "react";
import {
  BrowserRouter as Router,
  Route,
  Routes,
  Navigate,
} from "react-router-dom";

import Home from "./components/Home/Home";
import Login from "./components/Login/Login";
import Navbar from "./components/NavBar/Navbar";
import AdminDashboard from "./components/AdminDashboard/AdminDashboard";
import ApplicationActivity from "./components/ApplicationActivity/ApplicationActivity";
import CreateUsers from "./components/CreateUsers/CreateUsers";
import EditUserDetails from "./components/EditUserDetails/EditUserDetails";
import SearchUserForEdit from "./components/SearchUserForEdit/SearchUserForEdit";
import MyProfile from "./components/MyProfile/MyProfile";
import SearchBrowse from "./components/SearchBrowse/SearchBrowse";
import SearchBrowseResults from "./components/UserSearchResults/UserSearchResults";

function App() {
  return (
    <Router>
      <div className="App">
        <Navbar />
        <Routes>
          {/* Default Route */}
          <Route path="/" element={<Navigate to="/home" replace />} />

          <Route path="/login" element={<Login />} />
          <Route path="/home" element={<Home />} />
          <Route path="/my-profile" element={<MyProfile />} />
          <Route path="/admin/dashboard" element={<AdminDashboard />} />
          <Route path="/admin/activity" element={<ApplicationActivity />} />
          <Route path="/admin/create-people" element={<CreateUsers />} />
          <Route
            path="/admin/search-people-edit"
            element={<SearchUserForEdit />}
          />
          <Route
            path="/admin/edit-person/:personId"
            element={<EditUserDetails />}
          />

          <Route
            path="/user/search-results/:personId"
            element={<SearchBrowseResults />}
          />

          <Route path="/user/search-browse" element={<SearchBrowse />} />
        </Routes>
      </div>
    </Router>
  );
}

export default App;