Fix bug where it does not unhide

src/features/listenbrainz/listenbrainz.ts

@@ -8,7 +8,7 @@ const ListenBrainzStore = new Store({name: "listenbrainz"});
 
 export class ListenBrainz {
   /**
-   * Call the ListenBrainz API and create playing now payload
+   * Call the ListenBrainz API and create playing now payload and scrobble old song
    * @param title
    * @param artists
    * @param status

src/pages/settings/preload.ts

@@ -144,6 +144,10 @@ window.addEventListener("DOMContentLoaded", () => {
       } else {
         settingsStore.set(key, source.value);
       }
+      // Live update the view for ListenBrainz input, hide if disabled/show if enabled
+      if (source.value === "on" && source.id === "enableListenBrainz") {
+        source.checked ? document.getElementById("listenbrainz__options").removeAttribute("hidden") : document.getElementById("listenbrainz__options").setAttribute("hidden", "true");
+      }
       ipcRenderer.send(globalEvents.storeChanged);
     });
   }
@@ -195,6 +199,7 @@ window.addEventListener("DOMContentLoaded", () => {
   ListenBrainzToken = get("ListenBrainzToken");
 
   refreshSettings();
+  enableListenBrainz.checked ? document.getElementById("listenbrainz__options").removeAttribute("hidden") : document.getElementById("listenbrainz__options").setAttribute("hidden", "true");
 
   addInputListener(adBlock, settings.adBlock);
   addInputListener(api, settings.api);

src/pages/settings/settings.html

@@ -221,20 +221,22 @@
                 <span class="switch__slider"></span>
               </label>
             </div>
-            <div class="group__option">
-              <div class="group__description">
-                <h4>ListenBrainz API Url</h4>
-                <p>There are multiple instances for ListenBrainz you can set the corresponding API url below.</p>
+            <div id="listenbrainz__options" hidden="true">
+              <div class="group__option">
+                <div class="group__description">
+                  <h4>ListenBrainz API Url</h4>
+                  <p>There are multiple instances for ListenBrainz you can set the corresponding API url below.</p>
+                </div>
               </div>
-            </div>
-            <textarea id="ListenBrainzAPI" class="textarea" cols="1" rows="1" spellcheck="false"></textarea>
-            <div class="group__option">
-              <div class="group__description">
-                <h4>ListenBrainz User Token</h4>
-                <p>Provide the user token you can get from the settings page.</p>
+              <textarea id="ListenBrainzAPI" class="textarea" cols="1" rows="1" spellcheck="false"></textarea>
+              <div class="group__option">
+                <div class="group__description">
+                  <h4>ListenBrainz User Token</h4>
+                  <p>Provide the user token you can get from the settings page.</p>
+                </div>
               </div>
+              <textarea id="ListenBrainzToken" class="textarea" cols="1" rows="1" spellcheck="false"></textarea>
             </div>
-            <textarea id="ListenBrainzToken" class="textarea" cols="1" rows="1" spellcheck="false"></textarea>
           </div>
         </section>