From 15fb91d8043a4f59f3c4b2508cad956d78ebccee Mon Sep 17 00:00:00 2001
From: wes <wjak56@gmail.com>
Date: Sat, 26 Aug 2017 18:00:00 -0400
Subject: [PATCH] show categories filter dropdown on the browse screen

---
 src/scripts/browse.tag |  6 ++++++
 src/scripts/menu.tag   | 18 ++++++++++++++++--
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/scripts/browse.tag b/src/scripts/browse.tag
index bfb8a9d..9653561 100644
--- a/src/scripts/browse.tag
+++ b/src/scripts/browse.tag
@@ -1,4 +1,9 @@
 <browse>
+  <menu
+    name="Categories"
+    items={opts.state.categories}
+  >
+  </menu>
   <div
     style={cardStyle}
     class="card content"
@@ -19,6 +24,7 @@
 
 <script type="es6">
 import './raw.tag';
+import './menu.tag';
 import route from 'riot-route';
 import { default as RiotControl } from 'riotcontrol';
 
diff --git a/src/scripts/menu.tag b/src/scripts/menu.tag
index 9fb3dfc..e3f3816 100644
--- a/src/scripts/menu.tag
+++ b/src/scripts/menu.tag
@@ -1,6 +1,10 @@
 <menu>
   <div id="menu" class="dropdown">
-    <a href="#" class="btn btn-primary menu-button dropdown-toggle" tabindex="0">
+    <a
+      class="btn btn-primary menu-button dropdown-toggle"
+      tabindex="0"
+      onclick={preventDefault}
+    >
       { opts.name }<i class="icon icon-caret"></i>
     </a>
     <ul class="menu">
@@ -11,7 +15,7 @@
       <div each={item in opts.items} class="menu-item">
         <a
           class="btn btn-primary menu-button"
-          href="#"
+          style={styles}
         >
           { item }
         </a>
@@ -20,4 +24,14 @@
       </div>
     </ul>
   </div>
+<script>
+preventDefault(ev) {
+  ev.preventDefault;
+}
+
+this.styles = {
+  "text-transform" : "capitalize"
+};
+
+</script>
 </menu>