From 3d134a6652b80bb4a36e14d88418f3c0a4b1f149 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Tue, 1 Mar 2022 00:17:16 -0800
Subject: [PATCH] show lyrics as disabled even if not present

---
 src/renderer/views/app/chrome-bottom.ejs | 5 +++++
 src/renderer/views/app/chrome-top.ejs    | 6 +++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/renderer/views/app/chrome-bottom.ejs b/src/renderer/views/app/chrome-bottom.ejs
index 8625af6d..6576d586 100644
--- a/src/renderer/views/app/chrome-bottom.ejs
+++ b/src/renderer/views/app/chrome-bottom.ejs
@@ -112,6 +112,11 @@
                         :class="{'active': drawer.panel == 'lyrics'}"
                         @click="invokeDrawer('lyrics')"></button>
             </template>
+            <template v-else>
+                <button class="playback-button--small lyrics"
+                        :style="{'opacity': 0.5, 'pointer-events': 'none'}"
+                        @click="invokeDrawer('lyrics')"></button>
+            </template>
 
         </div>
     </div>
diff --git a/src/renderer/views/app/chrome-top.ejs b/src/renderer/views/app/chrome-top.ejs
index 84ed0270..b57834dd 100644
--- a/src/renderer/views/app/chrome-top.ejs
+++ b/src/renderer/views/app/chrome-top.ejs
@@ -128,7 +128,11 @@
                             :class="{'active': drawer.panel == 'lyrics'}"
                             @click="invokeDrawer('lyrics')"></button>
                 </template>
-    
+                <template v-else>
+                    <button class="playback-button--small lyrics"
+                            :style="{'opacity': 0.5, 'pointer-events': 'none'}"
+                            @click="invokeDrawer('lyrics')"></button>
+                </template>
             </div>
         </template>
         <div class="app-chrome-item full-height" id="window-controls-container" v-if="chrome.windowControlPosition == 'right'">