diff options
| author | mat <github@matdoes.dev> | 2022-04-05 22:43:50 -0500 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-04-05 22:43:50 -0500 |
| commit | 87b314d77249a1e0cb3b99ab8cd73e8c27602788 (patch) | |
| tree | dc1d0a9b61c480950d61b2099124c9abe4860f57 /src/lib/sections | |
| parent | bd3dccfe0e0dbc90c2c37767a03e4304e2621ba3 (diff) | |
| download | skyblock-stats-87b314d77249a1e0cb3b99ab8cd73e8c27602788.tar.gz skyblock-stats-87b314d77249a1e0cb3b99ab8cd73e8c27602788.tar.bz2 skyblock-stats-87b314d77249a1e0cb3b99ab8cd73e8c27602788.zip | |
make misc its own section
Diffstat (limited to 'src/lib/sections')
| -rw-r--r-- | src/lib/sections/Misc.svelte | 33 |
1 files changed, 33 insertions, 0 deletions
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> |