From 5f79b292abb389e654c279f1be7b87a123970626 Mon Sep 17 00:00:00 2001
From: "banaanihillo@protonmail.ch" <banaanihillo@protonmail.ch>
Date: Sat, 27 Apr 2024 16:13:51 +0300
Subject: [PATCH] feature: Show which track is Now Playing within a playlist

Fixes #147
---
 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..ac74fd6 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="title === data.state?.title">
+        <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",