diff options
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/APITypes.d.ts | 10 | ||||
| -rw-r--r-- | src/lib/sections/Essence.svelte | 27 |
2 files changed, 37 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> |