From e0dd732dee8732a045b51cefe6ae37a2009dd1a8 Mon Sep 17 00:00:00 2001
From: banaanihillo <banaanihillo@protonmail.ch>
Date: Sun, 28 Apr 2024 05:28:35 +0000
Subject: [PATCH] feature: Show which track is Now Playing within a playlist
 (#164)

Fixes #147

Reviewed-on: https://codeberg.org/Hyperpipe/Hyperpipe/pulls/164
Co-authored-by: banaanihillo <banaanihillo@protonmail.ch>
Co-committed-by: banaanihillo <banaanihillo@protonmail.ch>
---
 src/components/SongItem.vue | 6 +++++-
 src/locales/en.json         | 3 ++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/SongItem.vue b/src/components/SongItem.vue
index d2f7aff..fbdeb69 100644
--- a/src/components/SongItem.vue
+++ b/src/components/SongItem.vue
@@ -128,13 +128,17 @@ const openSong = el => {
         @click.prevent="artist.getArtist(channel.replace('/channel/', ''))">
         <i class="ign">{{ author ? author.replaceAll(' - Topic', '') : '' }}</i>
       </a>
+      <span v-if="play === data.state?.url">
+        <span class="bi-play"></span>
+        <span>{{ t('title.now_playing') }}</span>
+      </span>
     </span>
 
     <button
       class="bi bi-three-dots-vertical popup-wrap ign"
       @mouseenter="show = true"
       @mouseleave="show = false"
-      @click.enter="show = !show">
+      @keyup.enter="show = !show">
       <Transition name="fade">
         <div v-if="show" class="popup ign">
           <button
diff --git a/src/locales/en.json b/src/locales/en.json
index 68a8c30..ec4f286 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -18,7 +18,8 @@
     "search": "Search",
     "feeds": "Feeds",
     "offline": "Offline",
-    "restore_prefs": "Restore preferences"
+    "restore_prefs": "Restore preferences",
+    "now_playing": "Now Playing"
   },
   "action": {
     "back": "Back",