From 04878fcc30f620763bb8af824038aa2579fcaac3 Mon Sep 17 00:00:00 2001
From: Cory McWilliams <cory@unprompted.com>
Date: Mon, 27 Jan 2025 20:28:44 -0500
Subject: [PATCH] ssb: Fix multiple bugs with follow status lying.

---
 apps/ssb.json           | 2 +-
 apps/ssb/tf-tab-news.js | 6 +++---
 apps/ssb/tf-user.js     | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/ssb.json b/apps/ssb.json
index 93a08690..da4640e0 100644
--- a/apps/ssb.json
+++ b/apps/ssb.json
@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🦀",
-	"previous": "&JWqISqHw66dUlkHHwLAo3PRMgwK4TkO6nQOrhGAIKYg=.sha256"
+	"previous": "&Ph3a53rRidBNfYsfAtQKydoizUBCyh1Xl4I8XlzcQnk=.sha256"
 }
diff --git a/apps/ssb/tf-tab-news.js b/apps/ssb/tf-tab-news.js
index d33b9af2..5607e69b 100644
--- a/apps/ssb/tf-tab-news.js
+++ b/apps/ssb/tf-tab-news.js
@@ -1,4 +1,4 @@
-import {LitElement, cache, html, unsafeHTML, until} from './lit-all.min.js';
+import {LitElement, cache, keyed, html, unsafeHTML, until} from './lit-all.min.js';
 import * as tfrpc from '/static/tfrpc.js';
 import {styles} from './tf-styles.js';
 
@@ -251,12 +251,12 @@ class TfTabNewsElement extends LitElement {
 	render() {
 		let profile =
 			this.hash.startsWith('#@') && this.hash != '#@'
-				? html`<tf-profile
+				? keyed(this.hash.substring(1), html`<tf-profile
 						class="tf-profile"
 						id=${this.hash.substring(1)}
 						whoami=${this.whoami}
 						.users=${this.users}
-					></tf-profile>`
+					></tf-profile>`)
 				: undefined;
 		let edit_profile;
 		if (
diff --git a/apps/ssb/tf-user.js b/apps/ssb/tf-user.js
index 58c55eb9..9f4893d3 100644
--- a/apps/ssb/tf-user.js
+++ b/apps/ssb/tf-user.js
@@ -20,7 +20,7 @@ class TfUserElement extends LitElement {
 
 	render() {
 		let user = this.users[this.id];
-		let shape = !user || user.follow_depth >= 2 ? 'w3-circle' : 'w3-round';
+		let shape = !user?.follow_depth || user.follow_depth >= 2 ? 'w3-circle' : 'w3-round';
 		let image = html`<span
 			class=${'w3-theme-l4 ' + shape}
 			style="display: inline-block; width: 2em; height: 2em; text-align: center; line-height: 2em"