From 4513233ec1b3eb99a2b95de0a73f3663d58d8359 Mon Sep 17 00:00:00 2001
From: Sijmen <me@sijman.nl>
Date: Thu, 27 Apr 2023 15:36:35 +0200
Subject: [PATCH] Show album art in browser

---
 templates/browser.html | 4 +++-
 templates/queue.html   | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/templates/browser.html b/templates/browser.html
index fefdceb..ad0e1bf 100644
--- a/templates/browser.html
+++ b/templates/browser.html
@@ -32,7 +32,9 @@
   {% when mpd::Entry::Song with { name, path, artist } %}
   <li hx-post="/queue?path={{path}}" hx-swap="none" role="button">
     <span class="material-symbols-outlined">music_note</span>
-    <!-- img src="/art?path={{path}}" -->
+    <div class="albumart">
+      <img src="/art?path={{path}}" onerror="this.style.visibility = 'hidden'">
+    </div>
     <div class="song">
       <div class="song__name">{{ name }}</div>
       <div class="song__artist">{{ artist }}</div>
diff --git a/templates/queue.html b/templates/queue.html
index 9d01db2..1e99bd1 100644
--- a/templates/queue.html
+++ b/templates/queue.html
@@ -4,7 +4,7 @@
   {% for item in queue %}
   <li {% if item.playing %}class="playing"{% endif %}>
     <div class="albumart">
-      <img src="/art?path={{ item.file }}">
+      <img src="/art?path={{ item.file }}" onerror="this.style.opacity = 0">
     </div>
     <div class="metadata">
       <div class="song__name">{{ item.title }}</div>