stash

frontend/src/components/Sidebar.vue

@@ -33,6 +33,12 @@
                         <span class="align-middle">Admin</span>
                     </router-link>
                 </li>
+                <li class="sidebar-item">
+                    <router-link to="/swatch" class="sidebar-link">
+                        <b-icon-gear class="bi-valign-middle"></b-icon-gear>
+                        <span class="align-middle">Swatch</span>
+                    </router-link>
+                </li>
             </ul>
         </div>
     </nav>

frontend/src/router.js

@@ -17,6 +17,8 @@ import Files from '@/views/Files.vue';
 
 const routes = [
     {path: '/', component: Dashboard, meta: {requiresAuth: true}},
+    {path: '/profile', component: Profile, meta: {requiresAuth: true}},
+    {path: '/settings', component: Settings, meta: {requiresAuth: true}},
     {path: '/inventory', component: Inventory, meta: {requiresAuth: true}},
     {path: '/inventory/:id', component: InventoryDetail, meta: {requiresAuth: true}, props: true},
     {path: '/inventory/:id/edit', component: InventoryEdit, meta: {requiresAuth: true}, props: true},
@@ -48,4 +50,4 @@ router.beforeEach((to/*, from*/) => {
     }
 })
 
-export default router
+export default router

frontend/src/views/Admin.vue

@@ -92,7 +92,7 @@ import * as BIcons from "bootstrap-icons-vue";
 import BaseLayout from "@/components/BaseLayout.vue";
 
 export default {
-    name: "Inventory",
+    name: "Admin",
     components: {
         BaseLayout,
         ...BIcons