ssb: Merge in the new very work in progress channels interface.

apps/ssb/tf-news.js

@@ -11,6 +11,8 @@ class TfNewsElement extends LitElement {
 			following: {type: Array},
 			drafts: {type: Object},
 			expanded: {type: Object},
+			channel: {type: String},
+			channel_unread: {type: Number},
 		};
 	}
 
@@ -25,6 +27,7 @@ class TfNewsElement extends LitElement {
 		this.following = [];
 		this.drafts = {};
 		this.expanded = {};
+		this.channel_unread = -1;
 	}
 
 	process_messages(messages) {
@@ -179,7 +182,7 @@ class TfNewsElement extends LitElement {
 			this.finalize_messages(messages_by_id)
 		);
 		return html`
-			<div style="display: flex; flex-direction: column">
+			<div>
 				${final_messages.map(
 					(x) =>
 						html`<tf-message
@@ -189,6 +192,8 @@ class TfNewsElement extends LitElement {
 							.drafts=${this.drafts}
 							.expanded=${this.expanded}
 							collapsed="true"
+							channel=${this.channel}
+							channel_unread=${this.channel_unread}
 						></tf-message>`
 				)}
 			</div>