chore: link now playing track

netlify/edge-functions/now-playing.js

@@ -58,6 +58,7 @@ export default async () => {
   return Response.json({
     artist: track['artist']['#text'],
     title: track['name'],
+    url: track['url'],
     genre,
     emoji: emojiMap(genre, track['artist']['#text']),
   })

src/_includes/partials/now/playing.liquid

@@ -4,6 +4,6 @@
   </span>
   <span id="now-playing-display" class="flex flex-row items-center">
     <span id="now-playing-emoji" class="mr-1"></span>
-    <span id="now-playing-content"></span>
+    <a href id="now-playing-content"></a>
   </span>
 </p>

src/assets/scripts/script.js

@@ -7,6 +7,7 @@
     const populateNowPlaying = (data) => {
       loading.style.display = 'none'
       emoji.innerText = data.emoji
+      content.href = data.url
       content.innerText = `${data.title} by ${data.artist}`
       emoji.classList.remove('hidden')
       content.classList.remove('hidden')