From aa7ded73f87021193aefdce49139089aa0b71d6f Mon Sep 17 00:00:00 2001
From: wvffle <funkwhale@wvffle.net>
Date: Fri, 4 Nov 2022 00:03:49 +0000
Subject: [PATCH] Add toggle switches for cover/visualizer

---
 front/src/components/Queue.vue | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/front/src/components/Queue.vue b/front/src/components/Queue.vue
index ee93f5e5a..b06b7c586 100644
--- a/front/src/components/Queue.vue
+++ b/front/src/components/Queue.vue
@@ -181,8 +181,19 @@ const coverType = ref(CoverType.COVER_ART)
               <milk-drop v-else-if="coverType === CoverType.MILK_DROP" />
 
               <div class="cover-buttons">
-                <button class="ui secondary button">
-                  <i class="icon ellipsis vertical" />
+                <button
+                  v-if="coverType === CoverType.COVER_ART"
+                  class="ui secondary button"
+                  @click="coverType = CoverType.MILK_DROP"
+                >
+                  <i class="icon signal" />
+                </button>
+                <button
+                  v-else-if="coverType === CoverType.MILK_DROP"
+                  class="ui secondary button"
+                  @click="coverType = CoverType.COVER_ART"
+                >
+                  <i class="icon image outline" />
                 </button>
               </div>
             </div>
@@ -422,3 +433,9 @@ const coverType = ref(CoverType.COVER_ART)
     </div>
   </section>
 </template>
+
+<style scoped>
+.icon.image::before {
+  content: "\f03e";
+}
+</style>