From 212c1b4e509f303549340c8b68bfcbdae9fea331 Mon Sep 17 00:00:00 2001
From: Alessio <alex@playfulpachyderm.com>
Date: Wed, 6 Nov 2024 19:44:08 -0800
Subject: [PATCH] Add replied-to username to reply previews in DMs

---
 internal/webserver/static/styles.css                   |  2 +-
 .../webserver/tpl/tweet_page_includes/chat_view.tpl    | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/internal/webserver/static/styles.css b/internal/webserver/static/styles.css
index d21f7e0..e187315 100644
--- a/internal/webserver/static/styles.css
+++ b/internal/webserver/static/styles.css
@@ -1463,7 +1463,7 @@ main {
 		}
 	}
 
-	.dm-replying-to__preview-text {
+	.dm-replying-to__preview-text, .dm-replying-to__username {
 		cursor: pointer;
 	}
 }
diff --git a/internal/webserver/tpl/tweet_page_includes/chat_view.tpl b/internal/webserver/tpl/tweet_page_includes/chat_view.tpl
index d4ff37f..0976fe5 100644
--- a/internal/webserver/tpl/tweet_page_includes/chat_view.tpl
+++ b/internal/webserver/tpl/tweet_page_includes/chat_view.tpl
@@ -12,6 +12,12 @@
             <div class="dm-replying-to__label labelled-icon">
               <img class="svg-icon" src="/static/icons/replying_to.svg" width="24" height="24" />
               <label>Replying to</label>
+              <span class="dm-replying-to__username"
+                data-replying-to-message-id="{{ .InReplyToID }}"
+                onclick="handleReplyingToClicked(this)"
+              >
+                {{ (user (dm_message .InReplyToID).SenderID).DisplayName }}
+              </span>
             </div>
             <div class="dm-replying-to__preview-text"
               data-replying-to-message-id="{{ .InReplyToID }}"
@@ -312,6 +318,10 @@
     /**
      * Define callback on-click handler for 'replying-to' previews; they should scroll the replied-to
      * message into view, if possible.
+     *
+     * Takes an element holding the data instead of the data itself, because the composer box and
+     * actual messages share this function; the composer box's "data-replying-to-message-id" can
+     * change.
      */
     function handleReplyingToClicked(replying_to_box) {
       const replied_to_id = replying_to_box.getAttribute("data-replying-to-message-id");