43 lines
1.5 KiB
JavaScript
43 lines
1.5 KiB
JavaScript
import React from "react";
|
|
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
|
|
import Navbar from "./components/Navbar";
|
|
import Footer from "./components/Footer";
|
|
import Home from "./pages/Home";
|
|
import About from "./pages/About";
|
|
import PostList from "./pages/PostList";
|
|
import PostDetail from "./pages/PostDetail";
|
|
import PostCreate from "./pages/PostCreate";
|
|
import PostEdit from "./pages/PostEdit";
|
|
import PostCategory from "./pages/PostCategory";
|
|
import Login from "./pages/Login";
|
|
import Profile from "./pages/Profile";
|
|
import { AuthProvider } from "./context/AuthContext";
|
|
|
|
function App() {
|
|
return (
|
|
<AuthProvider>
|
|
<Router>
|
|
<div className="flex flex-col min-h-screen">
|
|
<Navbar />
|
|
<main className="flex-grow pt-16">
|
|
<Routes>
|
|
<Route path="/" element={<Home />} />
|
|
<Route path="/about" element={<About />} />
|
|
<Route path="/posts" element={<PostList />} />
|
|
<Route path="/posts/:id" element={<PostDetail />} />
|
|
<Route path="/postCreate" element={<PostCreate />} />
|
|
<Route path="/posts/:id/edit" element={<PostEdit />} />
|
|
<Route path="/post/:category" element={<PostCategory />} />
|
|
<Route path="/login" element={<Login />} />
|
|
<Route path="/profile" element={<Profile />} />
|
|
</Routes>
|
|
</main>
|
|
<Footer />
|
|
</div>
|
|
</Router>
|
|
</AuthProvider>
|
|
);
|
|
}
|
|
|
|
export default App;
|