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 @@ |
|||||||
|
<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