Changes some hotkeys around and fixed some bugs with the hotkeys. Fixes #34 and #35

src/pages/settings/preload.js

@@ -19,6 +19,7 @@ function refreshSettings() {
   menuBar.checked = store.get(settings.menuBar);
   trayIcon.checked = store.get(settings.trayIcon);
   mpris.checked = store.get(settings.mpris);
+  enableCustomHotkeys.checked = store.get(settings.enableCustomHotkeys);
 }
 
 /**
@@ -79,6 +80,7 @@ window.addEventListener("DOMContentLoaded", () => {
   menuBar = get("menuBar");
   trayIcon = get("trayIcon");
   mpris = get("mprisCheckbox");
+  enableCustomHotkeys = get("enableCustomHotkeys");
 
   refreshSettings();
 
@@ -89,4 +91,5 @@ window.addEventListener("DOMContentLoaded", () => {
   addInputListener(menuBar, settings.menuBar);
   addInputListener(trayIcon, settings.trayIcon);
   addInputListener(mpris, settings.mpris);
+  addInputListener(enableCustomHotkeys, settings.enableCustomHotkeys);
 });

src/pages/settings/settings.html

@@ -80,6 +80,16 @@
                               <span class="slider round"></span>
                           </label>
                       </div>
+                      <div class="option">
+                        <h4>Hotkeys</h4>
+                        <p>
+                            Enables extra hotkeys to achieve feature parity with the <a href = "javascript:openExternal('https://defkey.com/tidal-desktop-shortcuts')">desktop apps</a><br />
+                        </p>
+                        <label class="switch">
+                            <input id="enableCustomHotkeys" type="checkbox">
+                            <span class="slider round"></span>
+                        </label>
+                    </div>
                   </div>
                 </section>
                 <section id="api" class="tab-panel">