aboutsummaryrefslogtreecommitdiff
path: root/src/lib/sections/Achievements.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/sections/Achievements.svelte')
-rw-r--r--src/lib/sections/Achievements.svelte87
1 files changed, 0 insertions, 87 deletions
diff --git a/src/lib/sections/Achievements.svelte b/src/lib/sections/Achievements.svelte
deleted file mode 100644
index 92ba468..0000000
--- a/src/lib/sections/Achievements.svelte
+++ /dev/null
@@ -1,87 +0,0 @@
-<script lang="ts">
- import type { CleanMemberProfile } from '$lib/APITypes'
- import Tooltip from '$lib/Tooltip.svelte'
- export let data: CleanMemberProfile
-</script>
-
-{#if data.member.achievements}
- <h3>
- Tiered
- <span class="achievement-count">
- ({data.member.achievements.tiered.filter(a => a.amount).length}/{data.member.achievements
- .tiered.length})
- </span>
- </h3>
- <ul>
- {#each data.member.achievements.tiered as achievement}
- <li class="achievement">
- <Tooltip>
- <span slot="tooltip">
- {achievement.description}
- </span>
-
- <span class:achievement-locked={achievement.amount === 0}>
- {achievement.name}: {#if achievement.next}
- <b class="achievement-amount">{achievement.amount}</b>/{achievement.next}
- {:else}
- <span class="achievement-amount achievement-amount-maxed">{achievement.amount}</span>
- {/if}
- </span>
- </Tooltip>
- </li>
- {/each}
- </ul>
-
- <h3>
- Challenge
- <span class="achievement-count">
- ({data.member.achievements.challenge.filter(a => a.unlocked).length}/{data.member.achievements
- .challenge.length})
- </span>
- </h3>
- <ul>
- {#each data.member.achievements.challenge as achievement}
- <li class="achievement">
- <Tooltip>
- <span slot="tooltip">
- {achievement.description}
- </span>
-
- {#if achievement.unlocked}
- <span>
- {achievement.name}
- </span>
- {:else}
- <span class="achievement-locked">
- {achievement.name}
- </span>
- {/if}
- </Tooltip>
- </li>
- {/each}
- </ul>
-{/if}
-
-<style>
- ul {
- margin: 0;
- padding-left: 1em;
- }
-
- .achievement-locked {
- opacity: 0.5;
- }
-
- .achievement-count {
- color: var(--theme-darker-text);
- font-weight: normal;
- }
-
- .achievement-amount {
- opacity: 0.9;
- }
- .achievement-amount-maxed {
- color: #0e0;
- opacity: 1;
- }
-</style>