Versie 1.0

views/partials/navbar.ejs

@@ -9,12 +9,28 @@
 </a>
 
 <% if (user) { %>
-    <div class="navbar-nav flex-row ms-auto">
+    <button
+        class="navbar-toggler"
+        type="button"
+        data-bs-toggle="collapse"
+        data-bs-target="#pantryhub-navigation"
+        aria-controls="pantryhub-navigation"
+        aria-expanded="false"
+        aria-label="Navigatiemenu openen">
+        <span class="navbar-toggler-icon"></span>
+    </button>
+<% } %>
+
+<% if (user) { %>
+    <div class="collapse navbar-collapse" id="pantryhub-navigation">
+        <nav class="navbar-nav ms-auto">
         <a class="nav-link" href="/">Dashboard</a>
         <a class="nav-link" href="/lists">Lijsten</a>
         <a class="nav-link" href="/products">Producten</a>
+        <a class="nav-link" href="/categories">Categorieën</a>
         <a class="nav-link" href="/household">Huishouden</a>
         <a class="nav-link text-danger" href="/logout">Uitloggen</a>
+        </nav>
     </div>
 <% } %>