From b44172289dbdfcd4230a4a9bd9038011563e2198 Mon Sep 17 00:00:00 2001
From: UnbreakCode <unbreakcode@gmail.com>
Date: Sun, 3 Apr 2022 02:09:56 +0200
Subject: [PATCH 1/3] move album genre under album name and add release year

---
 src/renderer/views/pages/cider-playlist.ejs  | 10 +++++++++-
 src/renderer/views/pages/playlist-inline.ejs | 10 +++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/renderer/views/pages/cider-playlist.ejs b/src/renderer/views/pages/cider-playlist.ejs
index 0522c1b3..d876e7ed 100644
--- a/src/renderer/views/pages/cider-playlist.ejs
+++ b/src/renderer/views/pages/cider-playlist.ejs
@@ -40,6 +40,7 @@
                                                                                            @change="editPlaylist"
                                                                                            @keydown.enter="editPlaylist"/>
                                     </div>
+                                    <div class="playlist-time genre" style="margin: 1px;">{{getAlbumGenre()}}</div>
                                     <div class="playlist-artist item-navigate"
                                          v-if="getArtistName(data) != '' && !useArtistChip"
                                          @click="data.attributes && data.attributes.artistName ? app.searchAndNavigate(data,'artist') : ''">
@@ -168,7 +169,6 @@
                         </div>
                     </div>
                 </div>
-                <div class="playlist-time genre">{{this.data.relationships.tracks.data[0].attributes.genreNames[0]}}</div>
                 <div class="playlist-time">
                     {{getFormattedDate()}}
                 </div>
@@ -285,6 +285,14 @@
                     return ""
                 }
             },
+            getAlbumGenre: function () {
+                if (this.data.type.includes('albums')) {
+                    let date = this.data.attributes.releaseDate;
+                if (date == null || date === "") return "";
+                const releaseDate = new Date(date);
+                return `${this.data.relationships.tracks.data[0].attributes.genreNames[0]} · ${releaseDate.getFullYear()}` 
+                }
+            },
             async isInLibrary() {
                 if (this.data.type && !this.data.type.includes("library")) {
                     // please keep using vars here
diff --git a/src/renderer/views/pages/playlist-inline.ejs b/src/renderer/views/pages/playlist-inline.ejs
index 62bbfc79..822776f8 100644
--- a/src/renderer/views/pages/playlist-inline.ejs
+++ b/src/renderer/views/pages/playlist-inline.ejs
@@ -48,6 +48,7 @@
                                                                                                @change="editPlaylist"
                                                                                                @keydown.enter="editPlaylist"/>
                                         </div>
+                                        <div class="playlist-time genre" style="margin: 1px;">{{getAlbumGenre()}}</div>
                                         <div class="playlist-artist item-navigate"
                                              v-if="getArtistName(data) != '' && !useArtistChip"
                                              @click="data.attributes && data.attributes.artistName ? app.searchAndNavigate(data,'artist') : ''">
@@ -179,7 +180,6 @@
                             </div>
                         </div>
                     </div>
-                    <div class="playlist-time genre">{{this.data.relationships.tracks.data[0].attributes.genreNames[0]}}</div>
                     <div class="playlist-time">
                         {{getFormattedDate()}}
                     </div>
@@ -309,6 +309,14 @@
                     return ""
                 }
             },
+            getAlbumGenre: function () {
+                if (this.data.type.includes('albums')) {
+                    let date = this.data.attributes.releaseDate;
+                if (date == null || date === "") return "";
+                const releaseDate = new Date(date);
+                return `${this.data.relationships.tracks.data[0].attributes.genreNames[0]} · ${releaseDate.getFullYear()}` 
+                }
+            },
             async isInLibrary() {
                 if (this.data.type && !this.data.type.includes("library")) {
                     // please keep using vars here

From c3e15b236e0670520a00910a4abf43a948bf822f Mon Sep 17 00:00:00 2001
From: UnbreakCode <unbreakcode@gmail.com>
Date: Sun, 3 Apr 2022 02:19:10 +0200
Subject: [PATCH 2/3] remove margin

---
 src/renderer/views/pages/cider-playlist.ejs  | 2 +-
 src/renderer/views/pages/playlist-inline.ejs | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/views/pages/cider-playlist.ejs b/src/renderer/views/pages/cider-playlist.ejs
index d876e7ed..b87f953a 100644
--- a/src/renderer/views/pages/cider-playlist.ejs
+++ b/src/renderer/views/pages/cider-playlist.ejs
@@ -40,7 +40,7 @@
                                                                                            @change="editPlaylist"
                                                                                            @keydown.enter="editPlaylist"/>
                                     </div>
-                                    <div class="playlist-time genre" style="margin: 1px;">{{getAlbumGenre()}}</div>
+                                    <div class="playlist-time genre" style="margin: 0px;">{{getAlbumGenre()}}</div>
                                     <div class="playlist-artist item-navigate"
                                          v-if="getArtistName(data) != '' && !useArtistChip"
                                          @click="data.attributes && data.attributes.artistName ? app.searchAndNavigate(data,'artist') : ''">
diff --git a/src/renderer/views/pages/playlist-inline.ejs b/src/renderer/views/pages/playlist-inline.ejs
index 822776f8..64837914 100644
--- a/src/renderer/views/pages/playlist-inline.ejs
+++ b/src/renderer/views/pages/playlist-inline.ejs
@@ -48,7 +48,7 @@
                                                                                                @change="editPlaylist"
                                                                                                @keydown.enter="editPlaylist"/>
                                         </div>
-                                        <div class="playlist-time genre" style="margin: 1px;">{{getAlbumGenre()}}</div>
+                                        <div class="playlist-time genre" style="margin: 0px;">{{getAlbumGenre()}}</div>
                                         <div class="playlist-artist item-navigate"
                                              v-if="getArtistName(data) != '' && !useArtistChip"
                                              @click="data.attributes && data.attributes.artistName ? app.searchAndNavigate(data,'artist') : ''">

From e6796ba4adbb477900a10f8e9a5c747d41fc80f0 Mon Sep 17 00:00:00 2001
From: UnbreakCode <unbreakcode@gmail.com>
Date: Sun, 3 Apr 2022 03:22:03 +0200
Subject: [PATCH 3/3] format

---
 src/renderer/views/pages/cider-playlist.ejs  | 5 ++---
 src/renderer/views/pages/playlist-inline.ejs | 5 ++---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/renderer/views/pages/cider-playlist.ejs b/src/renderer/views/pages/cider-playlist.ejs
index b87f953a..034a302e 100644
--- a/src/renderer/views/pages/cider-playlist.ejs
+++ b/src/renderer/views/pages/cider-playlist.ejs
@@ -288,9 +288,8 @@
             getAlbumGenre: function () {
                 if (this.data.type.includes('albums')) {
                     let date = this.data.attributes.releaseDate;
-                if (date == null || date === "") return "";
-                const releaseDate = new Date(date);
-                return `${this.data.relationships.tracks.data[0].attributes.genreNames[0]} · ${releaseDate.getFullYear()}` 
+                    if (date == null || date === "") return "";
+                    return `${this.data.relationships.tracks.data[0].attributes.genreNames[0]} · ${new Date(date).getFullYear()}` 
                 }
             },
             async isInLibrary() {
diff --git a/src/renderer/views/pages/playlist-inline.ejs b/src/renderer/views/pages/playlist-inline.ejs
index 64837914..e416946b 100644
--- a/src/renderer/views/pages/playlist-inline.ejs
+++ b/src/renderer/views/pages/playlist-inline.ejs
@@ -312,9 +312,8 @@
             getAlbumGenre: function () {
                 if (this.data.type.includes('albums')) {
                     let date = this.data.attributes.releaseDate;
-                if (date == null || date === "") return "";
-                const releaseDate = new Date(date);
-                return `${this.data.relationships.tracks.data[0].attributes.genreNames[0]} · ${releaseDate.getFullYear()}` 
+                    if (date == null || date === "") return "";
+                    return `${this.data.relationships.tracks.data[0].attributes.genreNames[0]} · ${new Date(date).getFullYear()}` 
                 }
             },
             async isInLibrary() {