From 6245f6e601855846d6d55e294ddeb1076c76b79c Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Thu, 24 Feb 2022 05:30:09 -0800
Subject: [PATCH] will now show multiple chips if there are multiple artists

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

diff --git a/src/renderer/views/pages/cider-playlist.ejs b/src/renderer/views/pages/cider-playlist.ejs
index 4256299c..32a919d8 100644
--- a/src/renderer/views/pages/cider-playlist.ejs
+++ b/src/renderer/views/pages/cider-playlist.ejs
@@ -45,8 +45,10 @@
                                          @click="data.attributes && data.attributes.artistName ? app.searchAndNavigate(data,'artist') : ''">
                                         {{getArtistName(data)}}
                                     </div>
-                                    <artist-chip v-if="useArtistChip"
-                                                 :item="data.relationships.artists.data[0]"></artist-chip>
+                                    <template v-if="useArtistChip">
+                                        <artist-chip v-for="artist in data.relationships.artists.data"
+                                                     :item="artist"></artist-chip>
+                                    </template>
                                     <div class="playlist-desc"
                                          v-if="data.attributes.description && (data.attributes.description.standard || data.attributes.description.short)">
                                         <div v-if="data.attributes.description.short" class="content"
diff --git a/src/renderer/views/pages/playlist-inline.ejs b/src/renderer/views/pages/playlist-inline.ejs
index c360f917..a088f31c 100644
--- a/src/renderer/views/pages/playlist-inline.ejs
+++ b/src/renderer/views/pages/playlist-inline.ejs
@@ -53,8 +53,10 @@
                                              @click="data.attributes && data.attributes.artistName ? app.searchAndNavigate(data,'artist') : ''">
                                             {{getArtistName(data)}}
                                         </div>
-                                        <artist-chip v-if="useArtistChip"
-                                                     :item="data.relationships.artists.data[0]"></artist-chip>
+                                        <template v-if="useArtistChip">
+                                            <artist-chip v-for="artist in data.relationships.artists.data"
+                                                         :item="artist"></artist-chip>
+                                        </template>
                                         <div class="playlist-desc"
                                              v-if="data.attributes.description && (data.attributes.description.standard || data.attributes.description.short)">
                                             <div v-if="data.attributes.description.short" class="content"
@@ -440,9 +442,9 @@
                 let self = this
                 let artistId = null
 
-                if(typeof this.data.relationships.artists != "undefined") {
+                if (typeof this.data.relationships.artists != "undefined") {
                     artistId = this.data.relationships.artists.data[0].id
-                    if(this.data.relationships.artists.data[0].type == "library-artists") {
+                    if (this.data.relationships.artists.data[0].type == "library-artists") {
                         artistId = this.data.relationships.artists.data[0].relationships.catalog.data[0].id
                     }
                 }
@@ -496,15 +498,15 @@
                     }
                 }
 
-                if(artistId != null) {
-                    if(app.followingArtist(artistId)){
+                if (artistId != null) {
+                    if (app.followingArtist(artistId)) {
                         menuItems.items.follow.hidden = true
                         menuItems.items.unfollow.hidden = false
                     } else {
                         menuItems.items.follow.hidden = false
                         menuItems.items.unfollow.hidden = true
                     }
-                }else{
+                } else {
                     menuItems.items.follow.hidden = true
                     menuItems.items.unfollow.hidden = true
                 }