From df0fe06f32ddad138c53059932aa8e2690146017 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Sat, 4 Dec 2021 11:59:29 -0800
Subject: [PATCH] Added placeholder for menu, uses app-sidebar-content as temp
 placeholder

---
 resources/cider-ui-tests/index.html | 18 +++++++++++++++++-
 resources/cider-ui-tests/index.js   |  3 ++-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/resources/cider-ui-tests/index.html b/resources/cider-ui-tests/index.html
index b807d82b..22064af3 100644
--- a/resources/cider-ui-tests/index.html
+++ b/resources/cider-ui-tests/index.html
@@ -145,9 +145,25 @@
                         {{ item.attributes.name }}
                     </button>
                 </div>
+                <transition name="wpfade">
+                    <div class="app-sidebar-content" v-if="chrome.menuOpened">
+                        <button class="app-sidebar-item">
+                            About
+                        </button>
+                        <button class="app-sidebar-item">
+                            Discord
+                        </button>
+                        <button class="app-sidebar-item">
+                            Settings
+                        </button>
+                        <button class="app-sidebar-item">
+                            Sign Out
+                        </button>
+                    </div>
+                </transition>
                 <div class="app-sidebar-footer">
                     <input type="range" class="display--small">
-                    <button class="app-sidebar-button" style="width:100%">
+                    <button class="app-sidebar-button" style="width:100%" @click="chrome.menuOpened = !chrome.menuOpened">
                         <div class="sidebar-user-icon">
 
                         </div>
diff --git a/resources/cider-ui-tests/index.js b/resources/cider-ui-tests/index.js
index 66331b19..f4b60891 100644
--- a/resources/cider-ui-tests/index.js
+++ b/resources/cider-ui-tests/index.js
@@ -122,7 +122,8 @@ const app = new Vue({
             artworkReady: false,
             userinfo: {
 
-            }
+            },
+            menuOpened: false
         },
         page: "browse"
     },