Browse Source
as a temporary measure to prevent a wall of json if this information is displayed at all it should be in the footer of the event rather than amoung the repliesmaster
2 changed files with 54 additions and 14 deletions
@ -0,0 +1,23 @@
@@ -0,0 +1,23 @@
|
||||
<script lang="ts"> |
||||
import dayjs from 'dayjs' |
||||
import UserHeader from '../users/UserHeader.svelte' |
||||
import type { User } from '../users/type' |
||||
import { defaults as user_defaults } from '../users/type' |
||||
|
||||
export let author: User = { ...user_defaults } |
||||
export let created_at: number | undefined |
||||
let created_at_ago = '' |
||||
$: created_at_ago = created_at ? dayjs(created_at * 1000).fromNow() : '' |
||||
</script> |
||||
|
||||
<div class="max-w-4xl border-b border-base-300 p-3 pl-3"> |
||||
<div class="flex"> |
||||
<div class="flex-auto"> |
||||
<div class="inline text-neutral-400"><slot /></div> |
||||
<div class="badge bg-base-400 text-neutral-400"> |
||||
<UserHeader user={author} inline /> |
||||
</div> |
||||
</div> |
||||
<span class="m-auto pr-1 text-xs">{created_at_ago}</span> |
||||
</div> |
||||
</div> |
||||
Loading…
Reference in new issue