add route change callback to filter dropdown

src/scripts/browse.tag

@@ -2,6 +2,7 @@
   <menu
     name="Categories"
     items={opts.state.categories}
+    onfilter={filterCategories}
   >
   </menu>
   <div
@@ -44,5 +45,12 @@ self.cardStyle = {
   "margin" : "auto"
 };
 
+self.filterCategories = (category) => {
+  return ((ev) => {
+    ev.preventDefault();
+    return self.route(`browse/${category}`);
+  });
+};
+
 </script>
 </browse>

src/scripts/menu.tag

@@ -16,6 +16,7 @@
         <a
           class="btn btn-primary menu-button"
           style={styles}
+          onclick={parent.opts.onfilter(item)}
         >
           { item }
         </a>
@@ -25,6 +26,7 @@
     </ul>
   </div>
 <script>
+
 preventDefault(ev) {
   ev.preventDefault;
 }

src/scripts/post.tag

@@ -68,13 +68,7 @@ self.swipe = false;
 self.start = false;
 self.end = false;
 
-window.RiotControl.on("filtercategory",
-  (ev) => {
-    let category = ev.category.toLowerCase();
-  });
-
 self.on("unmount", () => {
-  window.RiotControl.off("filtercategory");
   window.RiotControl.off("postswitch");
 });