Show a different icon when already listening.

Closes #544

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>
 

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");