ssb: Show/hide "Mark All Read" and the unread line more correctly.

apps/ssb.json

@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🦀",
-	"previous": "&Bpf8wmdsVYGPSBduytapHM7XHz2iCGfaysVHfEKYK/s=.sha256"
+	"previous": "&XDrMZT7w656QanwG+zRSUFeaoY3Jl4elveY6GftcD5Y=.sha256"
 }

apps/ssb/tf-news.js

@@ -14,6 +14,7 @@ class TfNewsElement extends LitElement {
 			channel: {type: String},
 			channel_unread: {type: Number},
 			recent_reactions: {type: Array},
+			hash: {type: String},
 		};
 	}
 
@@ -193,17 +194,23 @@ class TfNewsElement extends LitElement {
 		return result;
 	}
 
+	unread_allowed() {
+		return !this.hash?.startsWith('#%') && !this.hash?.startsWith('#@');
+	}
+
 	load_and_render(messages) {
 		let messages_by_id = this.process_messages(messages);
 		let final_messages = this.group_following(
 			this.finalize_messages(messages_by_id)
 		);
 		let unread_rowid = -1;
+			if (this.unread_allowed()) {
 			for (let message of final_messages) {
 				if (message.rowid >= this.channel_unread) {
 					unread_rowid = message.rowid;
 				}
 			}
+		}
 		return html`
 			<div>
 				${repeat(

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

@@ -275,6 +275,10 @@ class TfTabNewsFeedElement extends LitElement {
 		];
 	}
 
+	unread_allowed() {
+		return !this.hash.startsWith('#%') && !this.hash.startsWith('#@');
+	}
+
 	async load_more() {
 		this.loading++;
 		this.loading_canceled = false;
@@ -424,9 +428,11 @@ class TfTabNewsFeedElement extends LitElement {
 		if (!this.hash.startsWith('#%')) {
 			more = html`
 				<p>
+					${this.unread_allowed() ? html`
 						<button class="w3-button w3-theme-d1" @click=${this.mark_all_read}>
 							Mark All Read
 						</button>
+					` : undefined}
 					<button
 						?disabled=${this.loading}
 						class="w3-button w3-theme-d1"
@@ -458,7 +464,7 @@ class TfTabNewsFeedElement extends LitElement {
 			`;
 		}
 		return cache(html`
-			${!this.hash.startsWith('#%')
+			${this.unread_allowed()
 				? html`<button
 						class="w3-button w3-theme-d1"
 						@click=${this.mark_all_read}
@@ -474,6 +480,7 @@ class TfTabNewsFeedElement extends LitElement {
 				.following=${this.following}
 				.drafts=${this.drafts}
 				.expanded=${this.expanded}
+				hash=${this.hash}
 				channel=${this.channel()}
 				channel_unread=${this.channels_unread?.[this.channel()]}
 				.recent_reactions=${this.recent_reactions}