ssb: Hint at follow depth with profile image shape. Also, reload follow information the same way we re-determine channel unread status. Let's see if this feels good.

apps/ssb/tf-tab-connections.js

@@ -142,14 +142,15 @@ class TfTabConnectionsElement extends LitElement {
 			}, {})
 		);
 		return html`
-			${connection.connected ? html`
-				<button
-					class="w3-button w3-theme-d1"
-					@click=${() => tfrpc.rpc.closeConnection(connection.id)}
-				>
-					Close
-				</button>
-				`
+			${connection.connected
+				? html`
+						<button
+							class="w3-button w3-theme-d1"
+							@click=${() => tfrpc.rpc.closeConnection(connection.id)}
+						>
+							Close
+						</button>
+					`
 				: undefined}
 			${connection.flags.one_shot ? '🔃' : undefined}
 			<tf-user id=${connection.id} .users=${this.users}></tf-user>
@@ -270,16 +271,19 @@ class TfTabConnectionsElement extends LitElement {
 				<div class="w3-container">
 					${this.identities.map(
 						(x) =>
-							html`<div class="w3-tag w3-round w3-theme-l3" style="padding: 4px; margin: 2px; max-width: 100%; text-wrap: nowrap; overflow: hidden">
+							html`<div
+								class="w3-tag w3-round w3-theme-l3"
+								style="padding: 4px; margin: 2px; max-width: 100%; text-wrap: nowrap; overflow: hidden"
+							>
 								${x == this.server_identity
-									? html`<div class="w3-tag w3-medium w3-round w3-theme-l1"
-											>🖥 local server</div
-										>`
+									? html`<div class="w3-tag w3-medium w3-round w3-theme-l1">
+											🖥 local server
+										</div>`
 									: undefined}
 								${this.my_identities.indexOf(x) != -1
-									? html`<div class="w3-tag w3-medium w3-round w3-theme-d1"
-											>😎 you</div
-										>`
+									? html`<div class="w3-tag w3-medium w3-round w3-theme-d1">
+											😎 you
+										</div>`
 									: undefined}
 								<tf-user id=${x} .users=${this.users}></tf-user>
 							</div>`