ssb: Fall back to hostnames for connections in the sidebar.

apps/ssb.json

@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🦀",
-	"previous": "&Why7U4i/hsoURJkoHSBkayV4MLSYJR+s9W+Z2/zHaYc=.sha256"
+	"previous": "&XHioN0J0rvGR7c0jWUfyH3U49Elj+p8R2r/dRn4iAoM=.sha256"
 }

apps/ssb/tf-tab-news.js

@@ -232,6 +232,7 @@ class TfTabNewsElement extends LitElement {
 								class="w3-bar-item"
 								style="max-width: 100%"
 								id=${x.id}
+								fallback_name=${x.host}
 								.users=${this.users}
 							></tf-user>
 						`

apps/ssb/tf-user.js

@@ -6,6 +6,7 @@ class TfUserElement extends LitElement {
 	static get properties() {
 		return {
 			id: {type: String},
+			fallback_name: {type: String},
 			users: {type: Object},
 		};
 	}
@@ -15,6 +16,7 @@ class TfUserElement extends LitElement {
 	constructor() {
 		super();
 		this.id = null;
+		this.fallback_name = null;
 		this.users = {};
 	}
 
@@ -31,7 +33,7 @@ class TfUserElement extends LitElement {
 		>`;
 		let name = this.users?.[this.id]?.name;
 		name = html`<a target="_top" href=${'#' + this.id}
-			>${name !== undefined ? name : this.id}</a
+			>${name ?? this.fallback_name ?? this.id}</a
 		>`;
 
 		if (user) {