From 7baa3fbe347596e869b15917e0aa21b6fbc8b8e9 Mon Sep 17 00:00:00 2001
From: FireMaskterK <20838718+FireMasterK@users.noreply.github.com>
Date: Sun, 17 Oct 2021 15:18:51 +0100
Subject: [PATCH] Show a different icon when already listening.

Closes #544
---
 src/components/WatchVideo.vue | 2 +-
 src/main.js                   | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index 6e157ea4..258f9e78 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -59,7 +59,7 @@
                     :title="(isListening ? 'Watch ' : 'Listen to ') + video.title"
                     class="uk-margin-small-left uk-button uk-button-small"
                 >
-                    <font-awesome-icon icon="headphones"></font-awesome-icon>
+                    <font-awesome-icon :icon="isListening ? 'tv' : 'headphones'"></font-awesome-icon>
                 </router-link>
             </div>
 
diff --git a/src/main.js b/src/main.js
index d6da6802..d4bb12fa 100644
--- a/src/main.js
+++ b/src/main.js
@@ -10,6 +10,7 @@ import {
     faHeadphones,
     faRss,
     faChevronLeft,
+    faTv,
 } from "@fortawesome/free-solid-svg-icons";
 import { faGithub, faBitcoin, faYoutube } from "@fortawesome/free-brands-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
@@ -26,6 +27,7 @@ library.add(
     faYoutube,
     faRss,
     faChevronLeft,
+    faTv,
 );
 
 import("uikit/dist/css/uikit-core.css");