From 87b314d77249a1e0cb3b99ab8cd73e8c27602788 Mon Sep 17 00:00:00 2001
From: mat <github@matdoes.dev>
Date: Tue, 5 Apr 2022 22:43:50 -0500
Subject: make misc its own section

---
 src/lib/sections/Misc.svelte                | 33 +++++++++++++++++++++++++++++
 src/routes/player/[player]/[profile].svelte | 12 ++++++++++-
 2 files changed, 44 insertions(+), 1 deletion(-)
 create mode 100644 src/lib/sections/Misc.svelte

(limited to 'src')

diff --git a/src/lib/sections/Misc.svelte b/src/lib/sections/Misc.svelte
new file mode 100644
index 0000000..01bdda8
--- /dev/null
+++ b/src/lib/sections/Misc.svelte
@@ -0,0 +1,33 @@
+<script lang="ts">
+	import { cleanId, millisecondsToTime } from '$lib/utils'
+	import type { CleanMemberProfile, StatItem } from '$lib/APITypes'
+
+	export let data: CleanMemberProfile
+</script>
+
+<ul>
+	{#each data.member.stats
+		.filter(s => s.category === 'misc')
+		.sort((a, b) => b.value - a.value) as stat}
+		<li>
+			<span class="stat-name">{cleanId(stat.categorizedName)}:</span>
+			<span class="stat-value">
+				{#if stat.unit === 'time'}
+					{millisecondsToTime(stat.value)}
+				{:else}
+					{stat.value.toLocaleString()}
+				{/if}
+			</span>
+		</li>
+	{/each}
+</ul>
+
+<style>
+	li {
+		position: relative;
+	}
+	ul {
+		margin-top: 0.5em;
+		padding-left: 1em;
+	}
+</style>
diff --git a/src/routes/player/[player]/[profile].svelte b/src/routes/player/[player]/[profile].svelte
index c55732c..21b8a33 100644
--- a/src/routes/player/[player]/[profile].svelte
+++ b/src/routes/player/[player]/[profile].svelte
@@ -52,6 +52,7 @@
 	import Claimed from '$lib/sections/Claimed.svelte'
 	import Pets from '$lib/sections/Pets.svelte'
 	import FarmingContests from '$lib/sections/FarmingContests.svelte'
+	import Misc from '$lib/sections/Misc.svelte'
 
 	export let data: CleanMemberProfile
 	export let pack: MatcherFile
@@ -158,7 +159,8 @@
 			{/if}
 			{#if data.member.stats}
 				{#each categories as category}
-					{#if data.member.stats?.find(s => s.category === category)}
+					<!-- misc is handled later so we can add stuff other than stats to it -->
+					{#if category !== 'misc' && data.member.stats?.find(s => s.category === category)}
 						<section>
 							<Collapsible id={category}>
 								<h2 slot="title">{cleanId(category)}</h2>
@@ -238,6 +240,14 @@
 					</Collapsible>
 				</section>
 			{/if}
+			{#if categories.includes('misc')}
+				<section>
+					<Collapsible id="misc">
+						<h2 slot="title">Misc</h2>
+						<Misc {data} />
+					</Collapsible>
+				</section>
+			{/if}
 			<section>
 				<Collapsible id="leaderboards">
 					<h2 slot="title">Leaderboards</h2>
-- 
cgit