From 4d7f73cf42b85ea3b8d602176d88657b7c2fd896 Mon Sep 17 00:00:00 2001
From: yazninja <71800112+yazninja@users.noreply.github.com>
Date: Thu, 13 Jan 2022 17:09:19 +0800
Subject: [PATCH] Show lyrics button only if there are lyrics

---
 src/renderer/views/main.ejs | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/renderer/views/main.ejs b/src/renderer/views/main.ejs
index 14776c68..13db7c65 100644
--- a/src/renderer/views/main.ejs
+++ b/src/renderer/views/main.ejs
@@ -142,8 +142,11 @@
                                 @click="invokeDrawer('queue')"></button>
                     </div>
                     <div class="app-chrome-item generic">
-                        <button class="playback-button--small lyrics" :class="{'active': drawer.panel == 'lyrics'}"
+                        <template v-if="lyrics && lyrics != [] && lyrics.length > 0">
+                            <button class="playback-button--small lyrics" :class="{'active': drawer.panel == 'lyrics'}"
                                 @click="invokeDrawer('lyrics')"></button>
+                            </template>
+                        
                     </div>
                     <div class="app-chrome-item full-height" v-if="chrome.windowControlPosition == 'right'">
                         <div class="window-controls">
@@ -517,7 +520,7 @@
 
                 </div>
                 <transition name="drawertransition">
-                    <div class="app-drawer" v-if="drawer.open && drawer.panel == 'lyrics'">
+                    <div class="app-drawer" v-if="drawer.open && drawer.panel == 'lyrics' && lyrics && lyrics != [] && lyrics.length > 0">
                         <div class="bgArtworkMaterial">
                             <div class="bg-artwork-container">
                                 <img class="bg-artwork a" :src="$store.state.artwork.playerLCD">
@@ -703,4 +706,4 @@
 <script src="https://cdn.jsdelivr.net/npm/resonance-audio/build/resonance-audio.min.js"></script>
 <script src="/audio/audio.js?v=1"></script>
 </body>
-</html>
\ No newline at end of file
+</html>