Emergency messaging bugfix

Author: IzKuipers

src/apps/user/messages/Messages/Container/MessageContent.svelte

@@ -1,23 +1,25 @@
 <script lang="ts">
-  import { Daemon } from "$ts/server/user/daemon";
   import type { ExpandedMessageNode } from "$types/messaging";
   import { onMount } from "svelte";
   import SvelteMarkdown from "svelte-markdown";
   import type { MessagingAppRuntime } from "../../runtime";
   import Header from "./MessageContent/Header.svelte";
   import MessageThread from "./MessageThread.svelte";
+  import Spinner from "$lib/Spinner.svelte";
 
   const { process }: { process: MessagingAppRuntime } = $props();
   const { message } = process;
-  const userId = Daemon!.userInfo!._id;
 
   let expandThread = $state<boolean>(false);
+  let loadingThread = $state<boolean>(false);
   let thread = $state<ExpandedMessageNode[]>();
 
   onMount(async () => {
     if (!$message) return;
 
+    loadingThread = true;
     thread = await process.service.getMessageThread($message?._id!);
+    loadingThread = false;
   });
 </script>
 
@@ -27,6 +29,14 @@
     <div class="message-body markdown-body">
       <SvelteMarkdown source={$message.body} />
     </div>
+    {#if loadingThread}
+      <div class="thread-wrapper">
+        <div class="notice">
+          <p>Loading thread information...</p>
+          <Spinner height={30} />
+        </div>
+      </div>
+    {/if}
     {#if $message.repliesTo && thread?.length}
       <div class="thread-wrapper" class:expand={expandThread}>
         <div class="notice">

src/apps/user/messages/Messages/Container/MessageThread.svelte

@@ -16,7 +16,7 @@
 </script>
 
 <div class="message-thread">
-  <button class="thread-item">
+  <button class="thread-item" onclick={() => process.readMessage(message._id, true)}>
     <Header {process} {message}></Header>
     <p>{message.body}</p>
   </button>