diff options
| author | Kamal Wickramanayake <kamal@inbox.lk> | 2026-07-04 06:42:12 +0530 |
|---|---|---|
| committer | Kamal Wickramanayake <kamal@inbox.lk> | 2026-07-04 06:42:12 +0530 |
| commit | 975dccebfcf51878b790a765d8e92ebcad895a24 (patch) | |
| tree | ced93b84ad1c1cfa005d62c16e9064d83c9181c8 /microservices/04-react-app/src | |
| parent | ffe7db80b440a659da3bf6f9c09987ace861bba9 (diff) | |
Microservice react-app - posts hidden for anonymous users
Diffstat (limited to 'microservices/04-react-app/src')
| -rw-r--r-- | microservices/04-react-app/src/App.jsx | 4 | ||||
| -rw-r--r-- | microservices/04-react-app/src/components/Navbar.jsx | 3 |
2 files changed, 5 insertions, 2 deletions
diff --git a/microservices/04-react-app/src/App.jsx b/microservices/04-react-app/src/App.jsx index aedd87e..956e60a 100644 --- a/microservices/04-react-app/src/App.jsx +++ b/microservices/04-react-app/src/App.jsx @@ -11,7 +11,7 @@ import AdminPage from "./pages/AdminPage"; import { useAuth } from "./contexts/AuthContext"; function App() { - const { isAdmin } = useAuth(); + const { isLoggedIn, isAdmin } = useAuth(); return ( <div className="app"> @@ -20,7 +20,7 @@ function App() { <Routes> <Route index element={<HomePage />} /> <Route path="about" element={<AboutPage />} /> - <Route path="posts" element={<PostList />} /> + <Route path="posts" element={isLoggedIn() ? <PostList /> : <Navigate to="/" />} /> <Route path="admin" element={isAdmin() ? <AdminPage /> : <Navigate to="/" />} /> diff --git a/microservices/04-react-app/src/components/Navbar.jsx b/microservices/04-react-app/src/components/Navbar.jsx index 9697c73..bc79138 100644 --- a/microservices/04-react-app/src/components/Navbar.jsx +++ b/microservices/04-react-app/src/components/Navbar.jsx @@ -29,11 +29,14 @@ const Navbar = () => { About </NavLink> </li> + + {isLoggedIn() && ( <li> <NavLink className="nav-link" to="/posts" end> Posts </NavLink> </li> + )} <RoleGuard allowedRoles={['ADMIN']}> <li> |