From b11b1be432335e3cd91d2c0684eb215367dd19ae Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Sun, 27 Nov 2022 14:13:31 -0600
Subject: [PATCH] Cleanup playlist cover component

---
 client/components/covers/PlaylistCover.vue | 32 +++-------------------
 1 file changed, 4 insertions(+), 28 deletions(-)

diff --git a/client/components/covers/PlaylistCover.vue b/client/components/covers/PlaylistCover.vue
index 44ae13c8..6abd7e39 100644
--- a/client/components/covers/PlaylistCover.vue
+++ b/client/components/covers/PlaylistCover.vue
@@ -1,22 +1,11 @@
 <template>
   <div class="relative rounded-sm overflow-hidden" :style="{ width: width + 'px', height: height + 'px' }">
-    <div v-if="hasOwnCover" class="w-full h-full relative rounded-sm">
-      <div v-if="showCoverBg" class="bg-primary absolute top-0 left-0 w-full h-full">
-        <div class="w-full h-full z-0" ref="coverBg" />
-      </div>
-      <img ref="cover" :src="fullCoverUrl" @error="imageError" @load="imageLoaded" class="w-full h-full absolute top-0 left-0" :class="showCoverBg ? 'object-contain' : 'object-cover'" />
-    </div>
-    <div v-else-if="items.length" class="flex flex-wrap justify-center h-full relative bg-primary bg-opacity-95 rounded-sm">
+    <div v-if="items.length" class="flex flex-wrap justify-center h-full relative bg-primary bg-opacity-95 rounded-sm">
       <div class="absolute top-0 left-0 w-full h-full bg-gray-400 bg-opacity-5" />
       <covers-book-cover v-for="li in libraryItemCovers" :key="li.id" :library-item="li" :width="width / 2" :book-cover-aspect-ratio="1" />
-
-      <!-- <covers-book-cover :library-item="items[0].libraryItem" :width="width / 2" :book-cover-aspect-ratio="bookCoverAspectRatio" />
-      <covers-book-cover v-if="items.length > 1" :library-item="items[1].libraryItem" :width="width / 2" :book-cover-aspect-ratio="bookCoverAspectRatio" /> -->
     </div>
     <div v-else class="relative w-full h-full flex items-center justify-center p-2 bg-primary rounded-sm">
       <div class="absolute top-0 left-0 w-full h-full bg-gray-400 bg-opacity-5" />
-
-      <p class="font-book text-white text-opacity-60 text-center" :style="{ fontSize: Math.min(1, sizeMultiplier) + 'rem' }">Empty Playlist</p>
     </div>
   </div>
 </template>
@@ -33,21 +22,11 @@ export default {
     bookCoverAspectRatio: Number
   },
   data() {
-    return {
-      imageFailed: false,
-      showCoverBg: false
-    }
+    return {}
   },
   computed: {
     sizeMultiplier() {
-      if (this.bookCoverAspectRatio === 1) return this.width / (120 * 1.6 * 2)
-      return this.width / 240
-    },
-    hasOwnCover() {
-      return false
-    },
-    fullCoverUrl() {
-      return null
+      return this.width / (120 * 1.6 * 2)
     },
     libraryItemCovers() {
       if (!this.items.length) return []
@@ -63,10 +42,7 @@ export default {
       return covers
     }
   },
-  methods: {
-    imageError() {},
-    imageLoaded() {}
-  },
+  methods: {},
   mounted() {}
 }
 </script>
\ No newline at end of file