Logout button is working on all pages

Author: webdev410

controllers/homeRoutes.js

@@ -14,7 +14,7 @@ router.get("/", withAuth, async (req, res) => {
     res.render("dashboard", {
       posts,
       //pass data into page
-      logged_in: req.session.logged_in,
+      logged_in: true,
       username: req.session.username,
       email: req.session.email,
       // page information
@@ -42,6 +42,19 @@ router.get("/register", (req, res) => {
   });
 });
 
-// ! FRONT END PAGE ROUTES HERE
+// * Route for /home
+router.get("/home", (req, res) => {
+  console.info(`${req.method} request received for homepage`);
+  if (!req.session.logged_in) {
+    res.redirect("/login");
+  } else {
+    res.render("home", {
+      email: req.session.email,
+      logged_in: true,
+      username: req.session.username,
+      title: "Home",
+    });
+  }
+});
 
 module.exports = router;

views/home.handlebars

@@ -0,0 +1 @@
+homepage

views/layouts/main.handlebars

@@ -20,13 +20,10 @@
         <h1>Tech Blog | {{title}}</h1>
     </header>
 
-    {{#if logged_in}}
     {{>main-menu}}
-    {{/if}}
 
     {{{body}}}
 
-
     {{#if logged_in}}
     <script src="/js/logout.js"></script>
     {{/if}}

views/partials/main-menu.handlebars

@@ -1,9 +1,12 @@
 {{! MAIN NAVBAR }}
 <nav>
 
+  <a href="/home">Homepage</a>
   <a href="/">Dashboard</a>
-  <a href="" id="logout">Logout</a>
 
-  <p>Welcome, {{user.username}}</p>
+  {{#if logged_in}}
+    <a href="" id="logout">Logout</a>
+  {{/if}}
+  <p>Welcome, {{username}}</p>
 
 </nav>

views/register.handlebars

@@ -22,6 +22,8 @@
     <button class="btn btn-primary" type="submit">Register</button>
   </div>
 </form>
-<p>Already a Member?</p><a href="/login"><button>Login</button></a>
+<p>Already a Member?</p><a href="/login"><button
+    class="btn btn-primary"
+  >Login</button></a>
 
 <script src="/js/register.js"></script>