From 69fccd56d3fcefe80bab04b8e3b881b17fea7b46 Mon Sep 17 00:00:00 2001
From: Cory McWilliams <cory@unprompted.com>
Date: Sat, 11 May 2024 10:40:34 -0400
Subject: [PATCH] Add a little guidance about how to set your name.  It's a
 common confusion.

---
 apps/ssb.json           |  2 +-
 apps/ssb/tf-app.js      |  1 +
 apps/ssb/tf-tab-news.js | 11 +++++++++++
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/apps/ssb.json b/apps/ssb.json
index cd6d2c70..fb77ab2e 100644
--- a/apps/ssb.json
+++ b/apps/ssb.json
@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🐌",
-	"previous": "&RUQvOmseWyN6C+Ei+rhhWzgQSukoM18VcMeKeo5AxXw=.sha256"
+	"previous": "&raSj7ozmSDNGmB6TtjDk7oOiTc33ZN+RrBMASJ2F4cA=.sha256"
 }
diff --git a/apps/ssb/tf-app.js b/apps/ssb/tf-app.js
index 7c10b8d8..6a121f45 100644
--- a/apps/ssb/tf-app.js
+++ b/apps/ssb/tf-app.js
@@ -264,6 +264,7 @@ class TfElement extends LitElement {
 					hash=${this.hash}
 					.unread=${this.unread}
 					@refresh=${() => (this.unread = [])}
+					?loading=${this.loading}
 				></tf-tab-news>
 			`;
 		} else if (this.tab === 'connections') {
diff --git a/apps/ssb/tf-tab-news.js b/apps/ssb/tf-tab-news.js
index 0a6608bd..bab29339 100644
--- a/apps/ssb/tf-tab-news.js
+++ b/apps/ssb/tf-tab-news.js
@@ -12,6 +12,7 @@ class TfTabNewsElement extends LitElement {
 			following: {type: Array},
 			drafts: {type: Object},
 			expanded: {type: Object},
+			loading: {type: Boolean},
 		};
 	}
 
@@ -113,6 +114,15 @@ class TfTabNewsElement extends LitElement {
 					.users=${this.users}
 				></tf-profile>`
 			: undefined;
+		let edit_profile;
+		if (!this.loading &&
+			this.users[this.whoami]?.name === undefined &&
+			this.hash.substring(1) != this.whoami) {
+			edit_profile = html`
+				<div class="w3-panel w3-padding w3-round w3-card-4 w3-theme-l3">
+					ℹ️ Follow your identity link ☝️ above to edit your profile and set your name.
+				</div>`;
+		}
 		return html`
 			<p class="w3-bar">
 				<button
@@ -124,6 +134,7 @@ class TfTabNewsElement extends LitElement {
 			</p>
 			<div>
 				Welcome, <tf-user id=${this.whoami} .users=${this.users}></tf-user>!
+				${edit_profile}
 			</div>
 			<div>
 				<tf-compose