From 5b0a3d431a86af46bd942a0159bdd70ea71c981a Mon Sep 17 00:00:00 2001
From: vapormusic <vietanhfat@gmail.com>
Date: Sat, 4 Jun 2022 21:53:18 +0700
Subject: [PATCH] fix #1118 properly

---
 src/renderer/views/pages/collection-list.ejs | 27 +++++++++++++++-----
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/renderer/views/pages/collection-list.ejs b/src/renderer/views/pages/collection-list.ejs
index 0d12dce9..dffa9b37 100644
--- a/src/renderer/views/pages/collection-list.ejs
+++ b/src/renderer/views/pages/collection-list.ejs
@@ -1,8 +1,7 @@
 <script type="text/x-template" id="cider-collection-list">
     <div class="content-inner collection-page">
         <h3 class="header-text" v-observe-visibility="{callback: headerVisibility}">{{ title }}</h3>
-        <div v-if="data['data'] != 'null'" class="well itemContainer" >
-            <!-- :class="getClasses()"> -->
+        <div v-if="data['data'] != 'null'" class="well itemContainer" :class="getClasses()">
             <template v-for="(item, key) in data.data">
                 <template v-if="item.type == 'artists'">
                     <mediaitem-square :item="item"></mediaitem-square>
@@ -59,19 +58,33 @@
         },
         methods: {
             getClasses() {
-                if(this.commonKind != "song") {
-                    return "collection-list-square";
-                }else{
+                if ((this.data?.data?.length ?? 0) > 0) {
+                    let item = this.data.data[0]
+                    if (typeof item.kind != "undefined") {
+                        this.commonKind = item.kind;
+                        return item.kind
+                    }
+                    if (typeof item.attributes.playParams != "undefined") {
+                        this.commonKind = item.attributes.playParams.kind
+                        return item.attributes.playParams.kind
+                    }
+                    if (this.commonKind != "song") {
+                        return "collection-list-square";
+                    } else {
+                        return "";
+                    }
+                } else {
                     return "";
                 }
+
             },
             getKind(item) {
                 if (typeof item.kind != "undefined") {
-                    this.commonKind = item.kind;
+                  //  this.commonKind = item.kind;
                     return item.kind
                 }
                 if (typeof item.attributes.playParams != "undefined") {
-                    this.commonKind = item.attributes.playParams.kind
+                  //  this.commonKind = item.attributes.playParams.kind
                     return item.attributes.playParams.kind
                 }
                 return this.commonKind