blob: 09388ac04ab822317b90ffea495dcc420c01552c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<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);
</script>
<div
class="message-run"
class:own-message={ownMessage}
class:other-message={!ownMessage}
>
<span>
@{name}:
</span>
{#each messages as message}
<Message {...message} editable={ownMessage} />
{/each}
</div>
|
