From 6f565c0f0addb7ea74029815d4b9059b0dce32e2 Mon Sep 17 00:00:00 2001
From: Cory McWilliams <cory@unprompted.com>
Date: Wed, 9 Apr 2025 19:02:02 -0400
Subject: [PATCH] ssb: Move reply and react to the message % menu.

---
 apps/ssb.json          |  2 +-
 apps/ssb/tf-message.js | 17 +++++++++--------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/apps/ssb.json b/apps/ssb.json
index 5a65323d..db051bf1 100644
--- a/apps/ssb.json
+++ b/apps/ssb.json
@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🦀",
-	"previous": "&r6gBoGYTO1yQXHLBPut0+iNd3NNFKPO/LXNV+F5+46M=.sha256"
+	"previous": "&YZCzXrfB6j+y0sXF4KspAibwjLsSCaMoB5rdO3mQl+Q=.sha256"
 }
diff --git a/apps/ssb/tf-message.js b/apps/ssb/tf-message.js
index 38ca8da8..e84035cb 100644
--- a/apps/ssb/tf-message.js
+++ b/apps/ssb/tf-message.js
@@ -431,6 +431,14 @@ class TfMessageElement extends LitElement {
 					>
 						Copy ID
 					</button>
+					${this.drafts[this.message?.id] === undefined ? html`
+						<button class="w3-button w3-bar-item" @click=${this.show_reply}>
+							⮢ Reply
+						</button>
+					` : undefined}
+					<button class="w3-button w3-bar-item w3-border-bottom" @click=${this.react}>
+						👍 React
+					</button>
 					${formats.map(
 						([format, name]) => html`
 							<button
@@ -530,17 +538,10 @@ class TfMessageElement extends LitElement {
 							author=${this.message.author}
 						></tf-compose>
 					`
-				: html`
-						<button class="w3-button w3-theme-d1" @click=${this.show_reply}>
-							Reply
-						</button>
-					`;
+				: undefined;
 		return html`
 			<div class="w3-section w3-container">
 				${reply}
-				<button class="w3-button w3-theme-d1" @click=${this.react}>
-					React
-				</button>
 				${this.render_children()}
 			</div>
 		`;