From efb4a92ba6f5551306c191a3e10dc5583782d986 Mon Sep 17 00:00:00 2001
From: Vincent Lark <v.lark@astonitf.com>
Date: Thu, 19 Oct 2023 19:18:03 +0200
Subject: [PATCH] Show a different icon when the player is paused

---
 src/assets/img/equalizer-paused.gif             | Bin 0 -> 153 bytes
 src/components/remotecontrol/remotecontrol.js   |   2 ++
 src/components/remotecontrol/remotecontrol.scss |   4 ++++
 3 files changed, 6 insertions(+)
 create mode 100644 src/assets/img/equalizer-paused.gif

diff --git a/src/assets/img/equalizer-paused.gif b/src/assets/img/equalizer-paused.gif
new file mode 100644
index 0000000000000000000000000000000000000000..0c92e4e7dfff85280981ed5a9fa0e68cac842998
GIT binary patch
literal 153
zcmZ?wbhEHbRAi85_`m=H|NsA2{Lk%~o0y*Jo0y)NoXwY>n46nuYoKRh3W5xZKUo+>
zfC_a$szLe~n1WjR#ZJ%RkDtBq(9Jb=H*)Xl%1iWxNz4#k<(8v8wcyjaIXT)Dd*4;u
z-^uFf%y9mxHj|-~+QrO2irvS(g?24@5pYG@d~<8v?k5}7qs*2ciZWToz+epk12H%x

literal 0
HcmV?d00001

diff --git a/src/components/remotecontrol/remotecontrol.js b/src/components/remotecontrol/remotecontrol.js
index b790edded4..f0a922c408 100644
--- a/src/components/remotecontrol/remotecontrol.js
+++ b/src/components/remotecontrol/remotecontrol.js
@@ -525,6 +525,7 @@ export default function () {
                 if (img) {
                     img.classList.remove('lazy');
                     img.classList.add('playlistIndexIndicatorImage');
+                    img.classList.toggle('playlistIndexIndicatorPausedImage', playbackManager.paused());
                 }
             }
 
@@ -598,6 +599,7 @@ export default function () {
 
     function onPlayPauseStateChanged() {
         updatePlayPauseState(this.paused(), true);
+        onPlaylistUpdate();
     }
 
     function onStateChanged(event, state) {
diff --git a/src/components/remotecontrol/remotecontrol.scss b/src/components/remotecontrol/remotecontrol.scss
index aa8714e8d3..caf90ed977 100644
--- a/src/components/remotecontrol/remotecontrol.scss
+++ b/src/components/remotecontrol/remotecontrol.scss
@@ -452,6 +452,10 @@
     display: none;
 }
 
+.playlistIndexIndicatorImage.playlistIndexIndicatorPausedImage {
+    background-image: url(../../assets/img/equalizer-paused.gif) !important;
+}
+
 .hideVideoButtons .videoButton {
     display: none;
 }