fix #1118 properly

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" >
+        <div v-if="data['data'] != 'null'" class="well itemContainer" :class="getClasses()">
-            <!-- :class="getClasses()"> -->
             <template v-for="(item, key) in data.data">
                 <template v-if="item.type == 'artists'">
                     <mediaitem-square :item="item"></mediaitem-square>
@@ -59,13 +58,8 @@
         },
         methods: {
             getClasses() {
-                if(this.commonKind != "song") {
+                if ((this.data?.data?.length ?? 0) > 0) {
-                    return "collection-list-square";
+                    let item = this.data.data[0]
-                }else{
-                    return "";
-                }
-            },
-            getKind(item) {
                     if (typeof item.kind != "undefined") {
                         this.commonKind = item.kind;
                         return item.kind
@@ -74,6 +68,25 @@
                         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;
+                    return item.kind
+                }
+                if (typeof item.attributes.playParams != "undefined") {
+                  //  this.commonKind = item.attributes.playParams.kind
+                    return item.attributes.playParams.kind
+                }
                 return this.commonKind
             },
             scrollToTop() {