1 files changed, 34 insertions, 0 deletions
diff --git a/src/lib/sections/Claimed.svelte b/src/lib/sections/Claimed.svelte
new file mode 100644
index 0000000..b19468e
--- /dev/null
+++ b/src/lib/sections/Claimed.svelte
@@ -0,0 +1,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>