1 files changed, 31 insertions, 31 deletions
diff --git a/ui/lib/components/ActiveChannel.svelte b/ui/lib/components/ActiveChannel.svelte
index ac1a0b9..a4ccd24 100644
--- a/ui/lib/components/ActiveChannel.svelte
+++ b/ui/lib/components/ActiveChannel.svelte
@@ -1,42 +1,42 @@
 <script>
-	import { messages } from '$lib/store';
-	import MessageRun from './MessageRun.svelte';
+  import { messages } from '$lib/store';
+  import MessageRun from './MessageRun.svelte';
 
-	let { channel } = $props();
-	let messageList = $derived(channel !== null ? $messages.inChannel(channel) : []);
+  let { channel } = $props();
+  let messageList = $derived(channel !== null ? $messages.inChannel(channel) : []);
 
-	function* chunkBy(xs, fn) {
-		let chunk;
-		let key;
-		for (let x of xs) {
-			let newKey = fn(x);
-			if (key !== newKey) {
-				if (chunk !== undefined) {
-					yield [key, chunk];
-				}
+  function* chunkBy(xs, fn) {
+    let chunk;
+    let key;
+    for (let x of xs) {
+      let newKey = fn(x);
+      if (key !== newKey) {
+        if (chunk !== undefined) {
+          yield [key, chunk];
+        }
 
-				chunk = [x];
-				key = newKey;
-			} else {
-				chunk.push(x);
-			}
-		}
-		if (chunk !== undefined) {
-			yield [key, chunk];
-		}
-	}
+        chunk = [x];
+        key = newKey;
+      } else {
+        chunk.push(x);
+      }
+    }
+    if (chunk !== undefined) {
+      yield [key, chunk];
+    }
+  }
 </script>
 
 <div class="container">
-	{#each chunkBy(messageList, (msg) => msg.sender) as [sender, messages]}
-		<div>
-			<MessageRun {sender} {messages} />
-		</div>
-	{/each}
+  {#each chunkBy(messageList, (msg) => msg.sender) as [sender, messages]}
+    <div>
+      <MessageRun {sender} {messages} />
+    </div>
+  {/each}
 </div>
 
 <style>
-	.container {
-		overflow: auto;
-	}
+  .container {
+    overflow: auto;
+  }
 </style>