Address outstanding lint issues.

6 files changed, 7 insertions, 24 deletions

diff --git a/ui/lib/apiServer.js b/ui/lib/apiServer.js
index 3714b63..e537abc 100644
--- a/ui/lib/apiServer.js
+++ b/ui/lib/apiServer.js
@@ -34,10 +34,6 @@ export async function postToChannel(channelId, body) {
 	return apiServer.post(`/channels/${channelId}`, { body });
 }
 
-export async function deleteMessage(messageId) {
-	// TODO
-}
-
 export async function createInvite() {
 	return apiServer.post(`/invite`, {});
 }
diff --git a/ui/lib/components/CreateChannelForm.svelte b/ui/lib/components/CreateChannelForm.svelte
index 6b50fb1..6eee5db 100644
--- a/ui/lib/components/CreateChannelForm.svelte
+++ b/ui/lib/components/CreateChannelForm.svelte
@@ -5,7 +5,7 @@
 	let pending = false;
 	$: disabled = pending;
 
-	async function handleSubmit(event) {
+	async function handleSubmit() {
 		pending = true;
 		const response = await createChannel(name);
 		if (200 <= response.status && response.status < 300) {
diff --git a/ui/lib/components/Message.svelte b/ui/lib/components/Message.svelte
index 9376cbe..0b91b66 100644
--- a/ui/lib/components/Message.svelte
+++ b/ui/lib/components/Message.svelte
@@ -15,6 +15,7 @@
 <div class="message relative">
 	<span class="timestamp chip variant-soft absolute top-0 right-0">{at}</span>
 	<section use:scroll class="py-1 message-body">
+		<!-- eslint-disable-next-line svelte/no-at-html-tags -->
 		{@html renderedBody}
 	</section>
 </div>
diff --git a/ui/routes/(app)/+layout.svelte b/ui/routes/(app)/+layout.svelte
index 9843979..f860a6d 100644
--- a/ui/routes/(app)/+layout.svelte
+++ b/ui/routes/(app)/+layout.svelte
@@ -12,14 +12,6 @@
 
 	let loading = true;
 	let events = null;
-	let showMenuValue;
-	showMenu.subscribe((value) => {
-		showMenuValue = value;
-	});
-
-	function toggleMenu() {
-		showMenu.update((value) => !value);
-	}
 
 	$: channel = $page?.params?.channel;
 
@@ -70,7 +62,7 @@
 	<h2>Loading&hellip;</h2>
 {:else}
 	<div id="interface" class="p-2">
-		<nav id="sidebar" data-expanded={showMenuValue}>
+		<nav id="sidebar" data-expanded={$showMenu}>
 			<div class="channel-list">
 				<ChannelList active={channel} />
 			</div>
@@ -120,11 +112,6 @@
 		height: calc(100vh - var(--app-bar-height) - var(--interface-padding));
 		z-index: 10;
 	}
-	nav button {
-		position: absolute;
-		top: 0;
-		right: 0;
-	}
 	main {
 		grid-area: main;
 		height: calc(100vh - var(--app-bar-height) - var(--interface-padding));
diff --git a/ui/routes/(login)/invite/[invite]/+page.js b/ui/routes/(login)/invite/[invite]/+page.js
index ced109a..a48ba89 100644
--- a/ui/routes/(login)/invite/[invite]/+page.js
+++ b/ui/routes/(login)/invite/[invite]/+page.js
@@ -4,13 +4,12 @@ export async function load({ params }) {
 	let { invite } = params;
 	let response = await getInvite(invite);
 	switch (response.status) {
-		case 200:
+		case 200: {
 			let invite = response.data;
 			return { invite };
-			break;
+		}
 		case 404:
 			return null;
-			break;
 		default:
 			// TODO: display error.
 			break;
diff --git a/ui/routes/+layout.svelte b/ui/routes/+layout.svelte
index 22377bb..da205d3 100644
--- a/ui/routes/+layout.svelte
+++ b/ui/routes/+layout.svelte
@@ -16,9 +16,9 @@
 	<div class="w-full">
 		<AppBar class="app-bar">
 			<svelte:fragment slot="lead">
-				<a on:click|preventDefault={toggleMenu} class="cursor-pointer">
+				<button on:click|preventDefault={toggleMenu} class="cursor-pointer">
 					<img class="w-8 h-8" alt="logo" src={logo} />
-				</a>
+				</button>
 			</svelte:fragment>
 			<a href="/">understory</a>
 			<svelte:fragment slot="trail">