diff options
Diffstat (limited to 'src/lib/sections/Zones.svelte')
| -rw-r--r-- | src/lib/sections/Zones.svelte | 42 |
1 files changed, 0 insertions, 42 deletions
diff --git a/src/lib/sections/Zones.svelte b/src/lib/sections/Zones.svelte deleted file mode 100644 index f7e993b..0000000 --- a/src/lib/sections/Zones.svelte +++ /dev/null @@ -1,42 +0,0 @@ -<script lang="ts"> - import type { CleanMemberProfile } from '$lib/APITypes' - import { cleanId } from '$lib/utils' - - export let data: CleanMemberProfile - - let zonesVisitedCount = data.member.zones ? data.member.zones?.filter(z => z.visited).length : 0 -</script> - -{#if data.member.zones} - <p class="zones-visited-text"> - Zones visited: - <span class="zones-visited-number"> - <b>{zonesVisitedCount}</b>/{data.member.zones.length} - </span> - </p> - <ul> - {#each data.member.zones.filter(z => z.visited) as zone} - <li>{cleanId(zone.name)}</li> - {/each} - {#each data.member.zones.filter(z => !z.visited) as zone} - <li class="unvisited-zone">{cleanId(zone.name)}</li> - {/each} - </ul> -{/if} - -<style> - .zones-visited-text { - color: var(--theme-darker-text); - margin: 0.5em 0; - } - .zones-visited-number { - color: var(--theme-main-text); - } - .unvisited-zone { - opacity: 0.5; - } - ul { - padding-left: 1em; - margin: 0; - } -</style> |