add essence

3 files changed, 47 insertions, 0 deletions

diff --git a/src/lib/APITypes.d.ts b/src/lib/APITypes.d.ts
index d9d6d12..236abc3 100644
--- a/src/lib/APITypes.d.ts
+++ b/src/lib/APITypes.d.ts
@@ -27,6 +27,7 @@ export interface CleanMemberProfilePlayer extends CleanPlayer {
 	coopInvitation: CoopInvitation | null
 	farmingContests: FarmingContests
 	accessoryBagUpgrades: AccessoryBagUpgrades
+	essence: Essence
 	left: boolean
 }
 
@@ -480,3 +481,12 @@ export interface Achievements {
 	tiered: TieredAchievement[]
 	challenge: ChallengeAchievement[]
 }
+
+interface EssenceType {
+	id: string
+	amount: number
+}
+
+export interface Essence {
+	types: EssenceType[]
+}
diff --git a/src/lib/sections/Essence.svelte b/src/lib/sections/Essence.svelte
new file mode 100644
index 0000000..244dbcd
--- /dev/null
+++ b/src/lib/sections/Essence.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	import type { CleanMemberProfile } from '$lib/APITypes'
+	import { cleanId, toTitleCase } from '$lib/utils'
+
+	export let data: CleanMemberProfile
+</script>
+
+{#if data.member.essence.types.length > 0}
+	<ul>
+		{#each data.member.essence.types as essenceType}
+			<li>
+				{toTitleCase(cleanId(essenceType.id))}:
+				<b class="essence-type-amount">{essenceType.amount.toLocaleString()}</b>
+			</li>
+		{/each}
+	</ul>
+{/if}
+
+<style>
+	p {
+		margin: 0;
+	}
+
+	ul {
+		margin: 0.5em 0;
+	}
+</style>
diff --git a/src/routes/player/[player]/[profile].svelte b/src/routes/player/[player]/[profile].svelte
index 363b439..d3af244 100644
--- a/src/routes/player/[player]/[profile].svelte
+++ b/src/routes/player/[player]/[profile].svelte
@@ -74,6 +74,7 @@
 	import Head from '$lib/Head.svelte'
 	import Toc from '$lib/Toc.svelte'
 	import Achievements from '$lib/sections/Achievements.svelte'
+	import Essence from '$lib/sections/Essence.svelte'
 
 	export let data: CleanMemberProfile
 	export let pack: MatcherFile
@@ -94,6 +95,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.essence) categories.push('essence')
 		if (data.member.claimed && data.member.claimed.length > 0) categories.push('claimed')
 		if (data.member.pets.list.length > 0) categories.push('pets')
 		if (data.member.farmingContests.list.length > 0) categories.push('farming_contests')
@@ -240,6 +242,14 @@
 					</Collapsible>
 				</section>
 			{/if}
+			{#if categories.includes('essence')}
+				<section>
+					<Collapsible id="essence">
+						<h2 slot="title">Essence</h2>
+						<Essence {data} />
+					</Collapsible>
+				</section>
+			{/if}
 			{#if categories.includes('claimed')}
 				<section>
 					<Collapsible id="claimed">