diff options
| author | mat <github@matdoes.dev> | 2022-03-28 14:28:31 +0000 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-03-28 14:28:31 +0000 |
| commit | aed6bad6f02b47ab5e0d417709a89210aebdcc1a (patch) | |
| tree | c4fbe1a0f397146cdda6516ce8f4b679563ae6a7 /src/lib/sections | |
| parent | 92756f905f3e9eb0ef16ca21bfbd3d8afd2ebabe (diff) | |
| download | skyblock-stats-aed6bad6f02b47ab5e0d417709a89210aebdcc1a.tar.gz skyblock-stats-aed6bad6f02b47ab5e0d417709a89210aebdcc1a.tar.bz2 skyblock-stats-aed6bad6f02b47ab5e0d417709a89210aebdcc1a.zip | |
fix
Diffstat (limited to 'src/lib/sections')
| -rw-r--r-- | src/lib/sections/Claimed.svelte | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/src/lib/sections/Claimed.svelte b/src/lib/sections/Claimed.svelte new file mode 100644 index 0000000..b19468e --- /dev/null +++ b/src/lib/sections/Claimed.svelte @@ -0,0 +1,34 @@ +<script lang="ts"> + import type { CleanMemberProfile } from '$lib/APITypes' + import Emoji from '$lib/Emoji.svelte' + import { cleanId, millisecondsToTime, toTitleCase } from '$lib/utils' + + export let data: CleanMemberProfile +</script> + +{#if data.member.claimed && data.member.claimed.length > 0} + <ul> + {#each data.member.claimed as claimed} + <li> + <b class="claimed-item-name">{toTitleCase(cleanId(claimed.name))}</b> + <span class="claimed-item-timestamp"> + {millisecondsToTime(Date.now() - claimed.timestamp)} ago + </span> + </li> + {/each} + </ul> +{/if} + +<style> + p { + margin: 0; + } + + ul { + margin: 0.5em 0; + } + + .claimed-item-timestamp { + color: var(--theme-darker-text); + } +</style> |