From ab302cbe9cf048471f6d61556c74bda7042a3fa6 Mon Sep 17 00:00:00 2001
From: Ricardo <rick@rmendes.net>
Date: Sat, 28 Feb 2026 12:37:24 +0100
Subject: [PATCH] feat: add Post button with type dropdown to listening page

Add share-post-btn to all 4 listening sections: Funkwhale listenings,
Last.fm scrobbles, Loved tracks, and Funkwhale favorites. Uses plain
data attributes for Nunjucks server-rendered values.
---
 listening.njk | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/listening.njk b/listening.njk
index 3823fe4..cb56b9d 100644
--- a/listening.njk
+++ b/listening.njk
@@ -295,6 +295,15 @@ withSidebar: true
           <div class="text-right flex-shrink-0">
             <span class="inline-block px-2 py-0.5 text-xs font-medium bg-purple-100 dark:bg-purple-900/30 text-purple-700 dark:text-purple-400 rounded-full mb-1">Funkwhale</span>
             <span class="text-xs text-surface-500 block">{{ listening.relativeTime }}</span>
+            <button
+              class="share-post-btn mt-1"
+              data-share-url="{{ listening.trackUrl }}"
+              data-share-title="{{ listening.track }} — {{ listening.artist }}"
+              title="Create post"
+              aria-label="Create post"
+            >
+              <span class="share-post-icon">✏️</span>
+            </button>
             <button
               class="save-later-btn mt-1"
               data-save-url="{{ listening.trackUrl }}"
@@ -343,6 +352,15 @@ withSidebar: true
           <div class="text-right flex-shrink-0">
             <span class="inline-block px-2 py-0.5 text-xs font-medium bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-400 rounded-full mb-1">Last.fm</span>
             <span class="text-xs text-surface-500 block">{{ scrobble.relativeTime }}</span>
+            <button
+              class="share-post-btn mt-1"
+              data-share-url="{{ scrobble.trackUrl }}"
+              data-share-title="{{ scrobble.track }} — {{ scrobble.artist }}"
+              title="Create post"
+              aria-label="Create post"
+            >
+              <span class="share-post-icon">✏️</span>
+            </button>
             <button
               class="save-later-btn mt-1"
               data-save-url="{{ scrobble.trackUrl }}"
@@ -401,6 +419,15 @@ withSidebar: true
         </div>
 
         <span class="text-red-500 flex-shrink-0">&#9829;</span>
+        <button
+          class="share-post-btn flex-shrink-0"
+          data-share-url="{{ track.trackUrl }}"
+          data-share-title="{{ track.track }} — {{ track.artist }}"
+          title="Create post"
+          aria-label="Create post"
+        >
+          <span class="share-post-icon">✏️</span>
+        </button>
         <button
           class="save-later-btn flex-shrink-0"
           data-save-url="{{ track.trackUrl }}"
@@ -454,6 +481,15 @@ withSidebar: true
           <p class="text-xs text-surface-500 truncate">{{ favorite.album }}</p>
           {% endif %}
         </div>
+        <button
+          class="share-post-btn flex-shrink-0"
+          data-share-url="{{ favorite.trackUrl }}"
+          data-share-title="{{ favorite.track }} — {{ favorite.artist }}"
+          title="Create post"
+          aria-label="Create post"
+        >
+          <span class="share-post-icon">✏️</span>
+        </button>
         <button
           class="save-later-btn flex-shrink-0"
           data-save-url="{{ favorite.trackUrl }}"