ssb: Don't show connections in various states of disconnectedness in the sidebar.

apps/ssb.json

@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🦀",
-	"previous": "&J6o2XRWWAirhnQbEa6Pi0QvAex6jTH1o23npX7x82aY=.sha256"
+	"previous": "&ZKixAk7qZ3OfnjvCoyT1MC7qYVpUz0ngaAozr11xihs=.sha256"
 }

apps/ssb/tf-tab-news.js

@@ -216,16 +216,18 @@ class TfTabNewsElement extends LitElement {
 				)}
 
 				<h4 class="w3-bar-item w3-theme-d2">Connections</h4>
-				${this.connections.map(
-					(x) => html`
-						<tf-user
-							class="w3-bar-item"
-							style="max-width: 100%"
-							id=${x.id}
-							.users=${this.users}
-						></tf-user>
-					`
-				)}
+				${this.connections
+					.filter((x) => x.id && !x.destroy_reason)
+					.map(
+						(x) => html`
+							<tf-user
+								class="w3-bar-item"
+								style="max-width: 100%"
+								id=${x.id}
+								.users=${this.users}
+							></tf-user>
+						`
+					)}
 				<h4 class="w3-bar-item w3-theme-d2">Suggested Follows</h4>
 				${this.suggested_follows().map(
 					(x) => html`