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

1 files changed, 3 insertions, 4 deletions

diff --git a/ui/lib/components/Message.svelte b/ui/lib/components/Message.svelte
index 1b1598b..dacd900 100644
--- a/ui/lib/components/Message.svelte
+++ b/ui/lib/components/Message.svelte
@@ -1,16 +1,15 @@
 <script>
   import { DateTime } from 'luxon';
-  import { deleteMessage } from '$lib/apiServer';
 
   function scroll(message) {
     message.scrollIntoView();
   }
 
-  let { id, at, body, renderedBody, editable = false } = $props();
+  let { id, at, body, renderedBody, editable = false, deleteMessage = async (id) => {} } = $props();
   let deleteArmed = $state(false);
   let atFormatted = $derived(at.toLocaleString(DateTime.DATETIME_SHORT));
 
-  function onDelete(event) {
+  function ondelete(event) {
     event.preventDefault();
     if (deleteArmed) {
       deleteArmed = false;
@@ -29,7 +28,7 @@
   <div class="handle">
     {atFormatted}
     {#if editable}
-      <button onclick={onDelete}>&#x1F5D1;&#xFE0F;</button>
+      <button onclick={ondelete}>&#x1F5D1;&#xFE0F;</button>
     {/if}
   </div>
   <section use:scroll class="message-body">