blob: 8f447961c4ed8d1e5ce22039845bc135fdb9ad79 (
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
|
<script lang="ts">
import type { CleanMemberProfile } from '$lib/APITypes'
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.id))}</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>
|