blob: 88e47cfca20a59038e425e684d252fcb32c503e9 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<script>
import { currentUser } from '../store';
import { deleteMessage } from '../apiServer';
export let at;
export let sender;
export let message;
let timestamp = new Date(at).toTimeString();
</script>
<div class="hover:bg-zinc-300 flex flex-row">
<div class="sender basis-20 text-right mr-1">
@{sender.name}:
</div>
<div class="body grow">
{message.body}
</div>
<div class="timestamp basis-6">
<!-- TODO: this is too long and looks awful. -->
<!-- {timestamp} -->
</div>
</div>
<style>
div:hover .controls {
display: block;
}
</style>
|
