summaryrefslogtreecommitdiff
path: root/ui/lib/components/MessageRun.svelte
blob: b998a8b03a6b08cec29a0d8ae9ff5cddd689e492 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script>
	import { logins } from '$lib/store';
	import Message from '$lib/components/Message.svelte';

	export let sender;
	export let messages;

	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? -->
		@{name}:
	</span>
	{#each messages as { at, body }}
		<Message {at} {body} />
	{/each}
</div>