From b6bfdec48d2f8e0ae2a664ecbd56bdaee887c5f8 Mon Sep 17 00:00:00 2001
From: Cory McWilliams <cory@unprompted.com>
Date: Sat, 23 Nov 2024 16:49:33 -0500
Subject: [PATCH] ssb: Move the refresh/sync button to the navigation bar as an
 experiment.

---
 apps/ssb.json                  |  2 +-
 apps/ssb/tf-app.js             | 10 ++++++++++
 apps/ssb/tf-tab-connections.js | 14 +-------------
 3 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/apps/ssb.json b/apps/ssb.json
index 0c9d133a..d77ba487 100644
--- a/apps/ssb.json
+++ b/apps/ssb.json
@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🐌",
-	"previous": "&FhsefvQQwZ9T4+HoInU3di3T+7B7CVC3xyjpLtGqyr8=.sha256"
+	"previous": "&Cqu8pxYxC8fBQuUpa3z2kVnX5cqbQ+p5mhqySZwWwb4=.sha256"
 }
diff --git a/apps/ssb/tf-app.js b/apps/ssb/tf-app.js
index 854e0b96..30a58bbb 100644
--- a/apps/ssb/tf-app.js
+++ b/apps/ssb/tf-app.js
@@ -321,6 +321,10 @@ class TfElement extends LitElement {
 		}
 	}
 
+	refresh() {
+		tfrpc.rpc.sync();
+	}
+
 	render() {
 		let self = this;
 
@@ -341,6 +345,12 @@ class TfElement extends LitElement {
 
 		let tabs = html`
 			<div class="w3-bar w3-theme-l1">
+				<button
+					class="w3-bar-item w3-button w3-circle w3-ripple"
+					@click=${this.refresh}
+				>
+					↻
+				</button>
 				${Object.entries(k_tabs).map(
 					([k, v]) => html`
 						<button
diff --git a/apps/ssb/tf-tab-connections.js b/apps/ssb/tf-tab-connections.js
index 23aab3bf..3f49311d 100644
--- a/apps/ssb/tf-tab-connections.js
+++ b/apps/ssb/tf-tab-connections.js
@@ -178,10 +178,6 @@ class TfTabConnectionsElement extends LitElement {
 		`;
 	}
 
-	refresh() {
-		tfrpc.rpc.sync();
-	}
-
 	connect(address) {
 		let self = this;
 		self.connect_attempt = address;
@@ -207,12 +203,6 @@ class TfTabConnectionsElement extends LitElement {
 		let self = this;
 		return html`
 			<div class="w3-container" style="box-sizing: border-box">
-				<button
-					class="w3-button w3-theme-l3 w3-circle w3-ripple w3-large"
-					@click=${this.refresh}
-				>
-					↻
-				</button>
 				<h2>New Connection</h2>
 				<textarea class="w3-input w3-theme-d1" id="code"></textarea>
 				${this.render_message(this.renderRoot.getElementById('code')?.value)}
@@ -227,9 +217,7 @@ class TfTabConnectionsElement extends LitElement {
 				<ul class="w3-ul w3-border">
 					${this.broadcasts
 						.filter((x) => x.address)
-						.filter(
-							(x) => self.connections.map((c) => c.id).indexOf(x.pubkey) == -1
-						)
+						.filter((x) => self.connections.map(c => c.id).indexOf(x.pubkey) == -1)
 						.map((x) => self.render_broadcast(x))}
 				</ul>
 				<h2>Connections</h2>