diff options
| author | mat <27899617+mat-1@users.noreply.github.com> | 2022-07-02 00:38:51 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-07-02 00:38:51 +0000 |
| commit | 340e944446f9672b79f28ea1439f8ac068c70202 (patch) | |
| tree | f47319600eb5dddbae284a0e0e1a56898fe0a3e8 /src/lib/Auction.svelte | |
| parent | 8a0015a03cc48e6fd75cdc8d355b5064f422b53a (diff) | |
| parent | 84b6abd732d32b2a29a581faab19ba0fce86563f (diff) | |
| download | skyblock-stats-340e944446f9672b79f28ea1439f8ac068c70202.tar.gz skyblock-stats-340e944446f9672b79f28ea1439f8ac068c70202.tar.bz2 skyblock-stats-340e944446f9672b79f28ea1439f8ac068c70202.zip | |
Merge pull request #5 from skyblockstats/sold-auctions
Show sold auctions in profile
Diffstat (limited to 'src/lib/Auction.svelte')
| -rw-r--r-- | src/lib/Auction.svelte | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/src/lib/Auction.svelte b/src/lib/Auction.svelte new file mode 100644 index 0000000..39f4904 --- /dev/null +++ b/src/lib/Auction.svelte @@ -0,0 +1,60 @@ +<script lang="ts"> + import type { MatcherFile } from 'skyblock-assets' + import Item from './minecraft/Item.svelte' + import Username from './minecraft/Username.svelte' + import { millisecondsToTime, removeFormattingCode } from './utils' + + export let auction + export let pack: MatcherFile +</script> + +<div class="auction"> + <div class="item-slot-container"> + <Item item={auction.item} {pack} /> + </div> + + <h4 class="auction-item-name"> + {removeFormattingCode(auction.item.display.name)} + </h4> + {#if auction.bin} + <b>Bin</b> + {/if} + <div class="auction-info-text"> + <p>Coins: <b>{auction.coins.toLocaleString()}</b></p> + {#if auction.buyer} + <p>Buyer: <Username player={auction.buyer} prefix hyperlinkToProfile /></p> + {:else} + <p>No buyer</p> + {/if} + <p>{millisecondsToTime(Date.now() - auction.creationTimestamp)} ago</p> + </div> +</div> + +<style> + .auction-info-text { + color: var(--theme-darker-text); + } + .auction-info-text b { + color: var(--theme-main-text); + } + + .auction-item-name { + font-size: 1.5rem; + margin: 0; + } + + .auction { + border: 1px solid rgba(255, 255, 255, 0.1); + background: rgba(0, 0, 0, 0.1); + padding: 0.75em; + border-radius: 1em; + width: 18em; + } + .item-slot-container { + float: right; + } + + p { + margin: 0; + } +</style> |