ssb: Shorten the timed query output.

apps/ssb.json

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

apps/ssb/tf-app.js

@@ -360,7 +360,7 @@ class TfElement extends LitElement {
 		let start = new Date();
 		let result = await tfrpc.rpc.query(sql, args);
 		let end = new Date();
-		console.log((end - start) / 1000, sql);
+		console.log((end - start) / 1000, sql.replaceAll(/\s+/g, ' ').trim());
 		return result;
 	}
 

apps/ssb/tf-news.js

@@ -233,7 +233,19 @@ class TfNewsElement extends LitElement {
 									<div
 										style="border-bottom: 1px solid #f00; flex: 1; align-self: center; height: 1px"
 									></div>
-									<div style="color: #f00; padding: 8px">unread</div>
+									<button
+										style="color: #f00; padding: 8px"
+										class="w3-button"
+										@click=${() =>
+											this.dispatchEvent(
+												new Event('mark_all_read', {
+													bubbles: true,
+													composed: true,
+												})
+											)}
+									>
+										unread
+									</button>
 									<div
 										style="border-bottom: 1px solid #f00; flex: 1; align-self: center; height: 1px"
 									></div>

apps/ssb/tf-tab-news-feed.js

@@ -486,6 +486,7 @@ class TfTabNewsFeedElement extends LitElement {
 				channel=${this.channel()}
 				channel_unread=${this.channels_unread?.[this.channel()]}
 				.recent_reactions=${this.recent_reactions}
+				@mark_all_read=${this.mark_all_read}
 			></tf-news>
 			${more}
 		`);