dug; you can do date oldest/newest sorting with dbids.

1 files changed, 16 insertions, 12 deletions

diff --git a/iridescence/src/components/Navbar.vue b/iridescence/src/components/Navbar.vue
index 78627e9..60db834 100644
--- a/iridescence/src/components/Navbar.vue
+++ b/iridescence/src/components/Navbar.vue
@@ -41,20 +41,12 @@
           >
             <div
               class="navbar-item has-dropdown is-active"
-              v-for="category in categories.keys()"
+              v-for="category in categories"
               :key="category"
             >
               <div class="navbar-link">
                 {{ category }}
               </div>
-
-              <div
-                class="navbar-dropdown"
-                v-for="subcategory in categories.get(category)"
-                :key="subcategory"
-              >
-                {{ subcategory }}
-              </div>
             </div>
 
             <div class="navbar-item">
@@ -77,7 +69,7 @@ export default {
   },
   data() {
     return {
-      isMenuActive: false
+      isMenuActive: true
     };
   },
   computed: {
@@ -89,8 +81,14 @@ export default {
       }
     },
     categories() {
-      const products = this.$store.getters.products;
-      console.log(products.map(item => item.categories));
+      //const raw = this.$store.getters.products.map(p => p.category.split("/"));
+      const raw = [
+        [1, 2, 3],
+        [1, 2, 4],
+        [1, 5],
+        [6, 7]
+      ];
+      console.log(this.generateCategories(raw));
       return [];
     },
     routeName() {
@@ -98,6 +96,12 @@ export default {
     }
   },
   methods: {
+    generateCategories(list) {
+      let results = [];
+      console.log(list);
+
+      return results;
+    },
     toggleNavMenu() {
       this.isMenuActive = !this.isMenuActive;
     }