From 34b01c2cbfc36b98d79c11935381ce66436647b5 Mon Sep 17 00:00:00 2001
From: Chirag Lulla <65449868+chiraglulla@users.noreply.github.com>
Date: Tue, 19 Oct 2021 19:51:20 +0530
Subject: [PATCH] Display lyrics on UI if synced lyrics present in metadata
 (#1406)

Signed-off-by: Chirag Lulla <lullachirag239@gmail.com>
---
 ui/src/audioplayer/Player.js     | 1 +
 ui/src/reducers/playerReducer.js | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/ui/src/audioplayer/Player.js b/ui/src/audioplayer/Player.js
index 054ed5304..fc44cbbdc 100644
--- a/ui/src/audioplayer/Player.js
+++ b/ui/src/audioplayer/Player.js
@@ -56,6 +56,7 @@ const Player = () => {
       clearPriorAudioLists: false,
       showDestroy: true,
       showDownload: false,
+      showLyric: true,
       showReload: false,
       toggleMode: !isDesktop,
       glassBg: false,
diff --git a/ui/src/reducers/playerReducer.js b/ui/src/reducers/playerReducer.js
index b29f78535..f82e48f4f 100644
--- a/ui/src/reducers/playerReducer.js
+++ b/ui/src/reducers/playerReducer.js
@@ -23,11 +23,15 @@ const initialState = {
 const mapToAudioLists = (item) => {
   // If item comes from a playlist, trackId is mediaFileId
   const trackId = item.mediaFileId || item.id
+  const { lyrics } = item
+  const timestampRegex =
+    /(\[([0-9]{1,2}:)?([0-9]{1,2}:)([0-9]{1,2})(\.[0-9]{1,2})?\])/g
   return {
     trackId,
     uuid: uuidv4(),
     song: item,
     name: item.title,
+    lyric: timestampRegex.test(lyrics) ? lyrics : '',
     singer: item.artist,
     duration: item.duration,
     musicSrc: subsonic.streamUrl(trackId),