diff options
author | mat <github@matdoes.dev> | 2022-05-21 16:32:35 -0500 |
---|---|---|
committer | mat <github@matdoes.dev> | 2022-05-21 16:32:35 -0500 |
commit | cc2cae771278403402cb2b263c0e354500ce4d76 (patch) | |
tree | 4cf1947664af7b28db4ba16b9698f3e2e63463c5 /src/lib/sections/Essence.svelte | |
parent | d9e41e8a58b463253afff7121ec50e1b20bf08b1 (diff) | |
download | skyblock-stats-cc2cae771278403402cb2b263c0e354500ce4d76.tar.gz skyblock-stats-cc2cae771278403402cb2b263c0e354500ce4d76.tar.bz2 skyblock-stats-cc2cae771278403402cb2b263c0e354500ce4d76.zip |
add essence
Diffstat (limited to 'src/lib/sections/Essence.svelte')
-rw-r--r-- | src/lib/sections/Essence.svelte | 27 |
1 files changed, 27 insertions, 0 deletions
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> |