From a947396bad1a87dcb3177fe900370e7fa52de733 Mon Sep 17 00:00:00 2001
From: Cory McWilliams <cory@unprompted.com>
Date: Wed, 24 Apr 2024 19:23:13 -0400
Subject: [PATCH] Prettier.

---
 apps/ssb/tf-app.js             |  8 ++++-
 apps/ssb/tf-compose.js         | 19 ++++++-----
 apps/ssb/tf-message.js         |  5 +--
 apps/ssb/tf-reactions-modal.js | 62 +++++++++++++++++++++-------------
 core/client.js                 |  9 +++--
 5 files changed, 64 insertions(+), 39 deletions(-)

diff --git a/apps/ssb/tf-app.js b/apps/ssb/tf-app.js
index 95694681..9415f8be 100644
--- a/apps/ssb/tf-app.js
+++ b/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;
diff --git a/apps/ssb/tf-compose.js b/apps/ssb/tf-compose.js
index 69703991..94ca6158 100644
--- a/apps/ssb/tf-compose.js
+++ b/apps/ssb/tf-compose.js
@@ -542,15 +542,16 @@ class TfComposeElement extends LitElement {
 				${this.render_encrypt()}
 				<div class="w3-container w3-padding-small">
 					<div class="w3-half">
-							<span
-								class="w3-input w3-theme-d1 w3-border"
-								style="resize: vertical; width: 100%; overflow: hidden; white-space: pre-wrap"
-								placeholder="Write a post here."
-								id="edit"
-								@input=${this.input}
-								@paste=${this.paste}
-								contenteditable
-							>${draft.text}</span>
+						<span
+							class="w3-input w3-theme-d1 w3-border"
+							style="resize: vertical; width: 100%; overflow: hidden; white-space: pre-wrap"
+							placeholder="Write a post here."
+							id="edit"
+							@input=${this.input}
+							@paste=${this.paste}
+							contenteditable
+							>${draft.text}</span
+						>
 					</div>
 					<div class="w3-half w3-padding">
 						${content_warning}
diff --git a/apps/ssb/tf-message.js b/apps/ssb/tf-message.js
index 49840dfe..19516647 100644
--- a/apps/ssb/tf-message.js
+++ b/apps/ssb/tf-message.js
@@ -72,10 +72,7 @@ class TfMessageElement extends LitElement {
 				return expression;
 			}
 		}
-		return html`<div
-						class="w3-button"
-						@click=${this.show_reactions}
-					>
+		return html`<div class="w3-button" @click=${this.show_reactions}>
 			${(this.message.votes || []).map(
 				(vote) => html`
 					<span
diff --git a/apps/ssb/tf-reactions-modal.js b/apps/ssb/tf-reactions-modal.js
index ffd6b299..c91382c1 100644
--- a/apps/ssb/tf-reactions-modal.js
+++ b/apps/ssb/tf-reactions-modal.js
@@ -23,29 +23,45 @@ class TfReactionsModalElement extends LitElement {
 
 	render() {
 		let self = this;
-		return this.votes?.length ? 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>
-					</header>
-					<ul class="w3-theme-dark w3-container w3-ul">
-						${this.votes.map(x => html`
-							<li class="w3-bar">
-								<span class="w3-bar-item">${x?.content?.vote?.expression}</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;
+		return this.votes?.length
+			? 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
+								>
+							</header>
+							<ul class="w3-theme-dark w3-container w3-ul">
+								${this.votes.map(
+									(x) => html`
+										<li class="w3-bar">
+											<span class="w3-bar-item"
+												>${x?.content?.vote?.expression}</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;
 	}
 }
 
diff --git a/core/client.js b/core/client.js
index 87fc09f5..e0e692a1 100644
--- a/core/client.js
+++ b/core/client.js
@@ -346,8 +346,13 @@ class TfNavigationElement extends LitElement {
 				${this.render_permissions()}
 				${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>
+							<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>
 						`
 					: undefined}
 				${Object.keys(this.spark_lines)