Added some routes in App.jsx

CODECHAMPS7 · Sep 18, 2024 · 775609c · 775609c
1 parent 7951eb8
commit 775609c
Showing 1 changed file with 24 additions and 10 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -1,31 +1,45 @@
 import { BrowserRouter as Router, Routes, Route, Outlet } from 'react-router-dom';
 
+import Navbar from './components/Navbar'; // Make sure to import your Navbar component
 import Home from './components/Home';
 import Body from './components/Body';
 import Login from './Pages/Login';
-import Signup from './Pages/SIgnup';  // Fix casing for Signup
+import Signup from './Pages/Signup'; // Fixed casing for Signup
 import Dashboard from './Pages/Dashboard';
-import Profile from './Pages/profile';
+import Profile from './Pages/Profile'; // Fixed casing for Profile
 
-const Layout = () => {
+// Main layout component including Navbar
+const MainLayout = () => {
+  return (
+    <>
+      <Navbar /> {/* Navbar visible across all routes */}
+      <Outlet /> {/* Renders the specific route component */}
+    </>
+  );
+}
+
+const HomeLayout = () => {
   return (
     <>
       <Home />
-      <Outlet /> {/* This renders the specific route component */}
+      <Outlet /> {/* Renders the specific route component */}
     </>
   );
 }
 
-function App() {
+const App = () => {
   return (
     <Router>
       <Routes>
-
-        <Route path="/" element={<Layout />}>
-
-          <Route path="body" element={<Body />} />
+        {/* Home route layout */}
+        <Route path="/" element={<HomeLayout />}>
+          <Route index element={<Body />} /> {/* Default route */}
+        </Route>
+
+        {/* Main layout without Home */}
+        <Route element={<MainLayout />}>
           <Route path="login" element={<Login />} />
-          <Route path="signup" element={<Signup />} /> 
+          <Route path="signup" element={<Signup />} />
           <Route path="dashboard" element={<Dashboard />} />
           <Route path="profile" element={<Profile />} />
         </Route>