ssb: Bury placeholder message blob ids in a context menu. #122

apps/ssb.json

@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🦀",
-	"previous": "&Or8fTzbrcxzdGAtSI3AZNQbS97+mJ/zVkGJx+uIzBeY=.sha256"
+	"previous": "&n2E4F4hnQe0dz+NvcMlKl5pcAZ3a1NM7/iNyWng9fRQ=.sha256"
 }

apps/ssb/tf-message.js

@@ -603,12 +603,33 @@ class TfMessageElement extends LitElement {
 		} else if (this.message.placeholder) {
 			return this.render_frame(
 				html`<div class="w3-padding">
-					<p>
-						<a target="_top" href=${'#' + encodeURIComponent(this.message.id)}
-							>${this.message.id}</a
+					<div class="w3-bar">
+						<div class="w3-bar-item w3-panel w3-round-xlarge w3-theme-d1">
+							This message is not currently available.
+						</div>
+						<div class="w3-bar-item w3-right">
+							<button class="w3-button w3-theme-d1" @click=${this.toggle_menu}>
+								%
+							</button>
+							<div
+								class="w3-dropdown-content w3-bar-block w3-card-4 w3-theme-l1"
+								style="right: 48px"
 							>
-						(placeholder)
-					</p>
+								<a
+									target="_top"
+									class="w3-button w3-bar-item"
+									href=${'#' + encodeURIComponent(this.message?.id)}
+									>View Message</a
+								>
+								<button
+									class="w3-button w3-bar-item w3-border-bottom"
+									@click=${this.copy_id}
+								>
+									Copy ID
+								</button>
+							</div>
+						</div>
+					</div>
 					<div>${this.render_votes()}</div>
 					${(this.message.child_messages || []).map(
 						(x) => html`