From 41d444bbbb698580348a46da2e7513c64caed623 Mon Sep 17 00:00:00 2001
From: Ciaran Ainsworth <ciaranainsworth@outlook.com>
Date: Sun, 6 Feb 2022 17:48:33 +0100
Subject: [PATCH] Add support for all cover sources in embedded player

---
 changes/changelog.d/1697.enhancement       | 1 +
 front/src/EmbedFrame.vue                   | 5 ++++-
 front/src/components/audio/EmbedWizard.vue | 4 +++-
 front/src/views/channels/DetailBase.vue    | 1 +
 4 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 changes/changelog.d/1697.enhancement

diff --git a/changes/changelog.d/1697.enhancement b/changes/changelog.d/1697.enhancement
new file mode 100644
index 000000000..2cf175710
--- /dev/null
+++ b/changes/changelog.d/1697.enhancement
@@ -0,0 +1 @@
+Added support for all cover sources in the embedded player (#1697).
diff --git a/front/src/EmbedFrame.vue b/front/src/EmbedFrame.vue
index d2c67623d..db0a5499f 100644
--- a/front/src/EmbedFrame.vue
+++ b/front/src/EmbedFrame.vue
@@ -258,6 +258,9 @@ function getURLParams () {
 export default {
   name: 'App',
   components: { Logo },
+  props: {
+    artistCover: { type: Object, required: false },
+  },
   data () {
     return {
       time,
@@ -455,7 +458,7 @@ export default {
           title: t.title,
           artist: t.artist,
           album: t.album,
-          cover: self.getCover((t.album || {}).cover),
+          cover: self.getCover((t || t.album).cover),
           sources: self.getSources(t.uploads)
         }
       })
diff --git a/front/src/components/audio/EmbedWizard.vue b/front/src/components/audio/EmbedWizard.vue
index 2dc136afa..b042b1009 100644
--- a/front/src/components/audio/EmbedWizard.vue
+++ b/front/src/components/audio/EmbedWizard.vue
@@ -98,6 +98,7 @@
         scrolling="no"
         frameborder="no"
         :src="iframeSrc"
+        :artist-cover="cover"
       />
     </div>
   </div>
@@ -111,7 +112,8 @@ import _ from '@/lodash'
 export default {
   props: {
     type: { type: String, required: true },
-    id: { type: Number, required: true }
+    id: { type: Number, required: true },
+    cover: { type: Object, required: false },
   },
   data () {
     const d = {
diff --git a/front/src/views/channels/DetailBase.vue b/front/src/views/channels/DetailBase.vue
index 5e53474ed..d267a3e66 100644
--- a/front/src/views/channels/DetailBase.vue
+++ b/front/src/views/channels/DetailBase.vue
@@ -320,6 +320,7 @@
                   <div class="description">
                     <embed-wizard
                       :id="object.artist.id"
+                      :cover="object.artist.cover"
                       type="artist"
                     />
                   </div>