diff options
Diffstat (limited to 'hi-ui/src/lib/components/Message.svelte')
| -rw-r--r-- | hi-ui/src/lib/components/Message.svelte | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/hi-ui/src/lib/components/Message.svelte b/hi-ui/src/lib/components/Message.svelte index 5b51492..d040433 100644 --- a/hi-ui/src/lib/components/Message.svelte +++ b/hi-ui/src/lib/components/Message.svelte @@ -1,23 +1,25 @@ <script> import SvelteMarkdown from 'svelte-markdown'; - import { currentUser } from '$lib/store'; + import { currentUser, logins } from '$lib/store'; import { deleteMessage } from '$lib/apiServer'; export let at; // XXX: Omitted for now. export let sender; - export let message; + export let body; let timestamp = new Date(at).toTimeString(); + let name; + $: name = $logins.get(sender); </script> <div class="card card-hover m-4 relative"> <span class="chip variant-soft sticky top-o left-0"> <!-- TODO: should this show up for only the first of a run? --> - @{sender.name}: + @{name}: </span> <span class="timestamp chip variant-soft absolute top-0 right-0">{at}</span> <section class="p-4"> - <SvelteMarkdown source={message.body} /> + <SvelteMarkdown source={body} /> </section> </div> |