aboutsummaryrefslogtreecommitdiff
path: root/src/lib/sections/Claimed.svelte
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>