Prettier.

apps/ssb/tf-app.js

@@ -236,7 +236,13 @@ class TfElement extends LitElement {
 		console.log(by_count.sort((x, y) => y.count - x.count).slice(0, 20));
 		let start_time = new Date();
 		users = await this.fetch_about(Object.keys(following).sort(), users);
-		console.log('about took', (new Date() - start_time) / 1000.0, 'seconds for', Object.keys(users).length, 'users');
+		console.log(
+			'about took',
+			(new Date() - start_time) / 1000.0,
+			'seconds for',
+			Object.keys(users).length,
+			'users'
+		);
 		this.following = Object.keys(following);
 		this.users = users;
 		await tags;

apps/ssb/tf-compose.js

@@ -550,7 +550,8 @@ class TfComposeElement extends LitElement {
 							@input=${this.input}
 							@paste=${this.paste}
 							contenteditable
-							>${draft.text}</span>
+							>${draft.text}</span
+						>
 					</div>
 					<div class="w3-half w3-padding">
 						${content_warning}

apps/ssb/tf-message.js

@@ -72,10 +72,7 @@ class TfMessageElement extends LitElement {
 				return expression;
 			}
 		}
-		return html`<div
+		return html`<div class="w3-button" @click=${this.show_reactions}>
-						class="w3-button"
-						@click=${this.show_reactions}
-					>
 			${(this.message.votes || []).map(
 				(vote) => html`
 					<span

apps/ssb/tf-reactions-modal.js

@@ -23,29 +23,45 @@ class TfReactionsModalElement extends LitElement {
 
 	render() {
 		let self = this;
-		return this.votes?.length ? html`
+		return this.votes?.length
-		<div class="w3-modal w3-animate-opacity" style="display: block; box-sizing: border-box">
+			? html` <div
+					class="w3-modal w3-animate-opacity"
+					style="display: block; box-sizing: border-box"
+				>
 					<div class="w3-modal-content w3-card-4 w3-theme-d1">
 						<div class="w3-container w3-padding">
 							<header class="w3-container">
 								<h2>Reactions</h2>
-						<span class="w3-button w3-display-topright" @click=${this.clear}>&times;</span>
+								<span class="w3-button w3-display-topright" @click=${this.clear}
+									>&times;</span
+								>
 							</header>
 							<ul class="w3-theme-dark w3-container w3-ul">
-						${this.votes.map(x => html`
+								${this.votes.map(
+									(x) => html`
 										<li class="w3-bar">
-								<span class="w3-bar-item">${x?.content?.vote?.expression}</span>
+											<span class="w3-bar-item"
-								<tf-user class="w3-bar-item" id=${x.author} .users=${this.users}></tf-user>
+												>${x?.content?.vote?.expression}</span
-								<span class="w3-bar-item w3-right">${new Date(x?.timestamp).toLocaleString()}</span>
+											>
+											<tf-user
+												class="w3-bar-item"
+												id=${x.author}
+												.users=${this.users}
+											></tf-user>
+											<span class="w3-bar-item w3-right"
+												>${new Date(x?.timestamp).toLocaleString()}</span
+											>
 										</li>
-						`)}
+									`
+								)}
 							</ul>
 							<footer class="w3-container w3-padding">
 								<button class="w3-button" @click=${this.clear}>Close</button>
 							</footer>
 						</div>
 					</div>
-		</div>` : undefined;
+				</div>`
+			: undefined;
 	}
 }
 

core/client.js

@@ -347,7 +347,12 @@ class TfNavigationElement extends LitElement {
 				${this.status?.message && !this.status.is_error
 					? html`
 							<link type="text/css" rel="stylesheet" href="/static/w3.css" />
-						<div class="w3-bar-item" style="color: ${this.status.color ?? kStatusColor}">${this.status.message}</div>
+							<div
+								class="w3-bar-item"
+								style="color: ${this.status.color ?? kStatusColor}"
+							>
+								${this.status.message}
+							</div>
 						`
 					: undefined}
 				${Object.keys(this.spark_lines)