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 +++++++++++++++++++++++++++++
 src/routes/player/[player]/[profile].svelte |  2 +-
 2 files changed, 35 insertions(+), 1 deletion(-)
 create mode 100644 src/lib/sections/Claimed.svelte

(limited to 'src')

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>
diff --git a/src/routes/player/[player]/[profile].svelte b/src/routes/player/[player]/[profile].svelte
index ba61d7a..848bfb4 100644
--- a/src/routes/player/[player]/[profile].svelte
+++ b/src/routes/player/[player]/[profile].svelte
@@ -70,7 +70,7 @@
 			categories.push('collections')
 		if (data.profile.bank.balance !== undefined) categories.push('bank')
 		if (data.member.harp.selected !== null) categories.push('harp')
-		if (data.member.claimed) categories.push('claimed')
+		if (data.member.claimed && data.member.claimed.length > 0) categories.push('claimed')
 		categories.push('leaderboards')
 	}
 
-- 
cgit