summaryrefslogtreecommitdiffhomepage
path: root/src/features/surface-host/ui/MessageQueueList.svelte
diff options
context:
space:
mode:
authorAdam Malczewski <[email protected]>2026-06-27 01:09:39 +0900
committerAdam Malczewski <[email protected]>2026-06-27 01:09:39 +0900
commit576f539670f406280f8398abf78a867d70b683b8 (patch)
treeeb6866df47b74c59fa97acd0617d862bc046dcec /src/features/surface-host/ui/MessageQueueList.svelte
parent4e5a1f9d402df09bab16714e3040b1e3c586153f (diff)
parent9b0b4e5ef52c5e4383d6c4a2041ca1a73ea4bc44 (diff)
downloaddispatch-web-576f539670f406280f8398abf78a867d70b683b8.tar.gz
dispatch-web-576f539670f406280f8398abf78a867d70b683b8.zip
Merge branch 'feature/indent-change' into dev
Diffstat (limited to 'src/features/surface-host/ui/MessageQueueList.svelte')
-rw-r--r--src/features/surface-host/ui/MessageQueueList.svelte30
1 files changed, 15 insertions, 15 deletions
diff --git a/src/features/surface-host/ui/MessageQueueList.svelte b/src/features/surface-host/ui/MessageQueueList.svelte
index 12de970..554fa02 100644
--- a/src/features/surface-host/ui/MessageQueueList.svelte
+++ b/src/features/surface-host/ui/MessageQueueList.svelte
@@ -1,22 +1,22 @@
<script lang="ts">
- import { parseMessageQueuePayload } from "../logic/message-queue";
+ import { parseMessageQueuePayload } from "../logic/message-queue";
- let { payload }: { readonly payload: unknown } = $props();
+ let { payload }: { readonly payload: unknown } = $props();
- // Parse defensively; an unparseable payload yields null → render nothing
- // (graceful skip, per the custom-field contract).
- const data = $derived(parseMessageQueuePayload(payload));
+ // Parse defensively; an unparseable payload yields null → render nothing
+ // (graceful skip, per the custom-field contract).
+ const data = $derived(parseMessageQueuePayload(payload));
</script>
{#if data !== null && data.messages.length > 0}
- <ul class="flex flex-col gap-1 text-sm">
- {#each data.messages as msg (msg.id)}
- <li class="rounded-box bg-base-200 px-3 py-2">
- <p class="whitespace-pre-wrap">{msg.text}</p>
- <time class="text-xs opacity-50" datetime={new Date(msg.queuedAt).toISOString()}>
- {new Date(msg.queuedAt).toLocaleTimeString()}
- </time>
- </li>
- {/each}
- </ul>
+ <ul class="flex flex-col gap-1 text-sm">
+ {#each data.messages as msg (msg.id)}
+ <li class="rounded-box bg-base-200 px-3 py-2">
+ <p class="whitespace-pre-wrap">{msg.text}</p>
+ <time class="text-xs opacity-50" datetime={new Date(msg.queuedAt).toISOString()}>
+ {new Date(msg.queuedAt).toLocaleTimeString()}
+ </time>
+ </li>
+ {/each}
+ </ul>
{/if}