diff options
author | mat <27899617+mat-1@users.noreply.github.com> | 2022-12-15 20:19:42 -0600 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-12-15 20:19:42 -0600 |
commit | ed5eedab8f9fc90dadf5c442cf559572d1b35f0c (patch) | |
tree | 01a763fd11810e9970f14f7dae180e95b279de9a /src/lib/sections/Auctions.svelte | |
parent | 89bf3d31e36ad3bdfd45461ee6fb69a4c791f848 (diff) | |
parent | 103689520f51991a1e9a4ca5829fe2f46d1a32c2 (diff) | |
download | skyblock-stats-ed5eedab8f9fc90dadf5c442cf559572d1b35f0c.tar.gz skyblock-stats-ed5eedab8f9fc90dadf5c442cf559572d1b35f0c.tar.bz2 skyblock-stats-ed5eedab8f9fc90dadf5c442cf559572d1b35f0c.zip |
Merge pull request #6 from skyblockstats/sveltekit-v1
Sveltekit v1
Diffstat (limited to 'src/lib/sections/Auctions.svelte')
-rw-r--r-- | src/lib/sections/Auctions.svelte | 109 |
1 files changed, 0 insertions, 109 deletions
diff --git a/src/lib/sections/Auctions.svelte b/src/lib/sections/Auctions.svelte deleted file mode 100644 index 50d47b6..0000000 --- a/src/lib/sections/Auctions.svelte +++ /dev/null @@ -1,109 +0,0 @@ -<!-- - @component - - A list of the player's past auctions, and their auction stats. ---> -<script lang="ts"> - import { cleanId, millisecondsToTime } from '$lib/utils' - import type { CleanMemberProfile, StatItem } from '$lib/APITypes' - import { fetchApi } from '$lib/api' - import type { MatcherFile } from 'skyblock-assets' - import Auction from '$lib/Auction.svelte' - - export let data: CleanMemberProfile - export let stats: StatItem[] - export let pack: MatcherFile - - let onlyThisProfile = true - - let auctions: any[] = [] - let loading = true - - let page = 0 - let totalPages: number | undefined = undefined - - async function updateAuctions() { - loading = true - const thisPage = page - page += 1 - const auctionsResponse = await fetchApi( - `playerauctions/${data.member.uuid}?page=${thisPage}`, - fetch - ).then(r => r.json()) - loading = false - auctions = [...auctions, ...auctionsResponse.auctions] - totalPages = auctionsResponse.pages - } - - updateAuctions() -</script> - -<div class="auction-stats-and-list-container"> - <ul> - {#each stats.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> - - <div class="player-auctions-list-container"> - {#if loading || auctions.length > 0} - <h3>Auctions sold</h3> - {/if} - {#if auctions.length > 0} - <div class="player-auctions-list"> - {#each auctions as auction} - {#if !onlyThisProfile || auction.sellerProfileUuid == data.profile.uuid} - <Auction {auction} {pack} /> - {/if} - {/each} - </div> - {#if !loading && page != totalPages} - <button on:click={updateAuctions}>Show more</button> - {/if} - {/if} - {#if loading} - Loading... - {/if} - </div> -</div> - -<style> - li { - position: relative; - } - ul { - padding-left: 1em; - margin-top: 0.5em; - width: max-content; - } - .auction-stats-and-list-container { - display: grid; - grid-template-columns: 1fr auto; - } - - @media (max-width: 600px) { - .auction-stats-and-list-container { - grid-template-columns: 1fr; - } - } - - .player-auctions-list { - display: flex; - flex-wrap: wrap; - column-gap: 0.5rem; - row-gap: 0.5rem; - } - .player-auctions-list-container { - margin-top: 0.5em; - margin-left: 0.5em; - } -</style> |