aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authormat <github@matdoes.dev>2022-04-03 21:46:52 +0000
committermat <github@matdoes.dev>2022-04-03 21:46:52 +0000
commitc6b939f303356bacb8fe52b21e82f28d7d22108b (patch)
tree3ee68934a61d12cc1a8c1b8e43fc3667b1dc74b2
parent58f6975e9a51d41a028f73570a50763563369857 (diff)
downloadskyblock-stats-c6b939f303356bacb8fe52b21e82f28d7d22108b.tar.gz
skyblock-stats-c6b939f303356bacb8fe52b21e82f28d7d22108b.tar.bz2
skyblock-stats-c6b939f303356bacb8fe52b21e82f28d7d22108b.zip
Forgot to git add lol!
-rw-r--r--src/lib/sections/FarmingContests.svelte57
1 files changed, 57 insertions, 0 deletions
diff --git a/src/lib/sections/FarmingContests.svelte b/src/lib/sections/FarmingContests.svelte
new file mode 100644
index 0000000..ca4f1a7
--- /dev/null
+++ b/src/lib/sections/FarmingContests.svelte
@@ -0,0 +1,57 @@
+<script lang="ts">
+ import type { CleanMemberProfile } from '$lib/APITypes'
+ import Emoji from '$lib/Emoji.svelte'
+ import ListItemWithIcon from '$lib/ListItemWithIcon.svelte'
+ import { skyblockItemToUrl } from '$lib/minecraft/inventory'
+ import Item from '$lib/minecraft/Item.svelte'
+ import { cleanId, millisecondsToTime, skyblockTime, toTitleCase } from '$lib/utils'
+
+ export let data: CleanMemberProfile
+</script>
+
+<div class="info-text primary-info-text">
+ <p>Talked to Jacob: <Emoji value={data.member.farmingContests.talkedToJacob ? '✅' : '❌'} /></p>
+</div>
+<div class="farming-contests-list">
+ {#each data.member.farmingContests.list as farmingContest}
+ <div class="farming-contest">
+ <p class="farming-contest-date">
+ {new Date(
+ skyblockTime(farmingContest.year, farmingContest.month, farmingContest.day)
+ ).toUTCString()}
+ </p>
+ <ul>
+ {#each farmingContest.crops as crop}
+ <ListItemWithIcon src={skyblockItemToUrl(crop.item)}>
+ <b>{crop.amount.toLocaleString()}</b> collected
+ {#if crop.position}
+ <span class="farming-contest-item-placement">
+ (#{crop.position}/{crop.participants})
+ </span>
+ {/if}
+ </ListItemWithIcon>
+ {/each}
+ </ul>
+ </div>
+ {/each}
+</div>
+
+<style>
+ p,
+ ul {
+ margin: 0;
+ }
+
+ .primary-info-text {
+ margin: 0.5em 0;
+ }
+
+ .info-text {
+ color: var(--theme-darker-text);
+ }
+
+ .farming-contest-item-placement,
+ .farming-contest-date {
+ color: var(--theme-darker-text);
+ }
+</style>