Merge branch 'neetzsche/accommodate-scrobble-urls' into 'develop'

Accommodate scrobble URLs when present

See merge request pleroma/pleroma-fe!1872

changelog.d/create-link-when-url-present.add

@@ -0,0 +1 @@
+Create a link to the URL of the scrobble when it's present

src/components/status/status.vue

@@ -249,7 +249,29 @@
                 </button>
               </span>
             </div>
-            <div class="status-rich-presence" v-if="scrobblePresent">
+            <div
+              v-if="scrobblePresent"
+              class="status-rich-presence"
+            >
+              <a
+                v-if="scrobble.externalLink"
+                :href="scrobble.externalLink"
+                target="_blank"
+              >
+                {{ scrobble.artist }} — {{ scrobble.title }}
+                <FAIcon
+                  class="fa-scale-110 fa-old-padding"
+                  icon="play"
+                />
+                <span class="status-rich-presence-time">
+                  <Timeago
+                    template-key="time.in_past"
+                    :time="scrobble.created_at"
+                    :auto-update="60"
+                  />
+                </span>
+              </a>
+              <span v-if="!scrobble.externalLink">
                 <FAIcon
                   class="fa-scale-110 fa-old-padding"
                   icon="music"
@@ -266,6 +288,7 @@
                     :auto-update="60"
                   />
                 </span>
+              </span>
             </div>
             <div
               v-if="isReply || hasMentionsLine"