blob: b19468e2276ceb784d76c79712549598ef525387 (
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
30
31
32
33
34
|
<script lang="ts">
import type { CleanMemberProfile } from '$lib/APITypes'
import Emoji from '$lib/Emoji.svelte'
import { cleanId, millisecondsToTime, toTitleCase } from '$lib/utils'
export let data: CleanMemberProfile
</script>
{#if data.member.claimed && data.member.claimed.length > 0}
<ul>
{#each data.member.claimed as claimed}
<li>
<b class="claimed-item-name">{toTitleCase(cleanId(claimed.name))}</b>
<span class="claimed-item-timestamp">
{millisecondsToTime(Date.now() - claimed.timestamp)} ago
</span>
</li>
{/each}
</ul>
{/if}
<style>
p {
margin: 0;
}
ul {
margin: 0.5em 0;
}
.claimed-item-timestamp {
color: var(--theme-darker-text);
}
</style>
|
