From aed6bad6f02b47ab5e0d417709a89210aebdcc1a Mon Sep 17 00:00:00 2001
From: mat <github@matdoes.dev>
Date: Mon, 28 Mar 2022 14:28:31 +0000
Subject: fix

---
 src/lib/sections/Claimed.svelte | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 src/lib/sections/Claimed.svelte

(limited to 'src/lib')

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