Merge branch 'prop/global-state-at-top-level'

1 files changed, 3 insertions, 7 deletions

diff --git a/ui/lib/components/MessageRun.svelte b/ui/lib/components/MessageRun.svelte
index bee64e8..f1facd3 100644
--- a/ui/lib/components/MessageRun.svelte
+++ b/ui/lib/components/MessageRun.svelte
@@ -1,18 +1,14 @@
 <script>
-  import { logins, currentUser } from '$lib/store';
   import Message from '$lib/components/Message.svelte';
 
-  let { sender, messages } = $props();
-
-  let name = $derived($logins.get(sender));
-  let ownMessage = $derived($currentUser !== null && $currentUser.id == sender);
+  let { sender, messages, ownMessage, deleteMessage = async (id) => {} } = $props();
 </script>
 
 <div class="message-run" class:own-message={ownMessage} class:other-message={!ownMessage}>
   <span class="username">
-    @{name}:
+    @{sender}:
   </span>
   {#each messages as message}
-    <Message {...message} editable={ownMessage} />
+    <Message {...message} editable={ownMessage} {deleteMessage} />
   {/each}
 </div>