Newer
Older
<script lang="ts">
import type Message from '$lib/types/message';
import { displayTime } from '$lib/utils/date';
let timer: number;
$: displayedTime = displayTime(message.created_at);
$: {
clearInterval(timer);
timer = setInterval(() => {
displayedTime = displayTime(message.created_at);
}, 1000);
}
<div class="chat" class:chat-start={!isSender} class:chat-end={isSender}>
<div class="rounded-full mx-2 chat-image size-12" title={message.user.nickname}>
<Gravatar
email={message.user.email}
size={64}
title={message.user.nickname}
class="rounded-full"
/>
<div class="chat-bubble whitespace-pre-wrap" class:chat-bubble-primary={!isSender}>
{message.content}
</div>
<div class="chat-footer opacity-50">