From c8029388c905fdf326c6dfebb4de4e5429dc668b Mon Sep 17 00:00:00 2001
From: Cory McWilliams <cory@unprompted.com>
Date: Thu, 31 Aug 2023 16:46:40 +0000
Subject: [PATCH] Blockquote and connections tab tweaks.

git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4437 ed5197a5-7fde-0310-b194-c3ffbd925b24
---
 apps/ssb/tf-styles.js          |  2 +-
 apps/ssb/tf-tab-connections.js | 29 ++++++++++++-----------------
 2 files changed, 13 insertions(+), 18 deletions(-)

diff --git a/apps/ssb/tf-styles.js b/apps/ssb/tf-styles.js
index 83986cd8..b2e14b70 100644
--- a/apps/ssb/tf-styles.js
+++ b/apps/ssb/tf-styles.js
@@ -48,7 +48,7 @@ div.img_caption::after {
 
 blockquote {
 	border-left: 4px solid #fff;
-	margin-left: 8px;
+	margin-left: 0px;
 	padding-left: 8px;
 }
 `;
\ No newline at end of file
diff --git a/apps/ssb/tf-tab-connections.js b/apps/ssb/tf-tab-connections.js
index b51b4d7f..a610a101 100644
--- a/apps/ssb/tf-tab-connections.js
+++ b/apps/ssb/tf-tab-connections.js
@@ -42,8 +42,11 @@ class TfTabConnectionsElement extends LitElement {
 		let self = this;
 		let peers = this.broadcasts.filter(x => x.tunnel?.id == connection);
 		if (peers.length) {
-			let connections = this.connections.map(x => x.id);
-			return html`${peers.filter(x => connections.indexOf(x.pubkey) == -1).map(x => html`${self.render_room_peer(x)}`)}`;
+			return html`
+				<ul>
+					${peers.map(x => html`${self.render_room_peer(x)}`)}
+				</ul>
+			`;
 		}
 	}
 
@@ -56,7 +59,7 @@ class TfTabConnectionsElement extends LitElement {
 		return html`
 			<li>
 				<input type="button" @click=${() => self._tunnel(connection.tunnel.id, connection.pubkey)} value="Connect"></input>
-				<tf-user id=${connection.pubkey} .users=${this.users}></tf-user> 📡
+				<tf-user id=${connection.pubkey} .users=${this.users}></tf-user>
 			</li>
 		`;
 	}
@@ -76,18 +79,6 @@ class TfTabConnectionsElement extends LitElement {
 		this.stored_connections = (await tfrpc.rpc.getStoredConnections()) || [];
 	}
 
-	render_connection(connection) {
-		return html`
-			<input type="button" @click=${() => tfrpc.rpc.closeConnection(connection.id)} value="Close"></input>
-			<tf-user id=${connection.id} .users=${this.users}></tf-user>
-			${connection.tunnel !== undefined ? '🚇' : html`(${connection.host}:${connection.port})`}
-			<ul>
-				${this.connections.filter(x => x.tunnel === this.connections.indexOf(connection)).map(x => html`<li>${this.render_connection(x)}</li>`)}
-				${this.render_room_peers(connection.id)}
-			</ul>
-		`;
-	}
-
 	render() {
 		let self = this;
 		return html`
@@ -102,8 +93,12 @@ class TfTabConnectionsElement extends LitElement {
 			</ul>
 			<h2>Connections</h2>
 			<ul>
-				${this.connections.filter(x => x.tunnel === undefined).map(x => html`
-					<li>${this.render_connection(x)}</li>
+				${this.connections.map(x => html`
+					<li>
+						<input type="button" @click=${() => tfrpc.rpc.closeConnection(x)} value="Close"></input>
+						<tf-user id=${x} .users=${this.users}></tf-user> ${this.render_connection_summary(x)}
+						${self.render_room_peers(x)}
+					</li>
 				`)}
 			</ul>
 			<h2>Stored Connections (WIP)</h2>