From 92d9371100f78d2d29324af6d99f6b65385904dd Mon Sep 17 00:00:00 2001
From: Tixie <admin@glitch.family>
Date: Sat, 22 Feb 2020 17:17:08 +0100
Subject: [PATCH] disable menu button of current track on loading

---
 src/assets/scss/5-modules/controls.scss | 4 ++++
 src/components/Controls.svelte          | 8 +++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/assets/scss/5-modules/controls.scss b/src/assets/scss/5-modules/controls.scss
index adaec89..cb34203 100644
--- a/src/assets/scss/5-modules/controls.scss
+++ b/src/assets/scss/5-modules/controls.scss
@@ -96,6 +96,10 @@
   font-size: 0;
 }
 
+.controls__menuBtn.disabled {
+  color: rgba($color-primary, .4);
+}
+
 .controls__menuBtn svg {
   width: 2.5rem;
   height: .5rem;
diff --git a/src/components/Controls.svelte b/src/components/Controls.svelte
index 5ec2d65..befc4c3 100644
--- a/src/components/Controls.svelte
+++ b/src/components/Controls.svelte
@@ -25,7 +25,13 @@
 
     <div class="controls__menu">
         <Popper>
-            <button slot="btn" class="controls__menuBtn" aria-label="track menu"><IconMenu></IconMenu></button>
+            <button
+                slot="btn"
+                class="controls__menuBtn"
+                disabled={!$current}
+                class:disabled={!$current}
+                aria-label="track menu"
+            ><IconMenu></IconMenu>{!!$current}</button>
             <div slot="content" class="contextMenu__list">
                 {#if $current}
                     <ContextMenu track={$current}></ContextMenu>