aboutsummaryrefslogtreecommitdiff
path: root/src/routes/auctionprices.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'src/routes/auctionprices.svelte')
-rw-r--r--src/routes/auctionprices.svelte16
1 files changed, 14 insertions, 2 deletions
diff --git a/src/routes/auctionprices.svelte b/src/routes/auctionprices.svelte
index f464f7b..4e7bfde 100644
--- a/src/routes/auctionprices.svelte
+++ b/src/routes/auctionprices.svelte
@@ -16,13 +16,23 @@
<script lang="ts">
import Header from '$lib/Header.svelte'
import Head from '$lib/Head.svelte'
- import { millisecondsToTime, TIER_COLORS, colorCodes, cleanId, toTitleCase } from '$lib/utils'
+ import {
+ millisecondsToTime,
+ TIER_COLORS,
+ colorCodes,
+ cleanId,
+ toTitleCase,
+ type PreviewedAuctionData,
+ } from '$lib/utils'
import type { ItemAuctionsSchema, ItemListData, ItemListItem } from '$lib/APITypes'
import Item from '$lib/minecraft/Item.svelte'
import AuctionPriceScatterplot from '$lib/AuctionPriceScatterplot.svelte'
+ import AuctionPreviewTooltip from '$lib/AuctionPreviewTooltip.svelte'
export let data: ItemAuctionsSchema[]
+ let currentlyPreviewedAuction: PreviewedAuctionData | null
+
let query: string = ''
let pageHeight = 0
@@ -44,6 +54,8 @@
<svelte:window on:scroll={checkScroll} />
+<AuctionPreviewTooltip preview={currentlyPreviewedAuction} />
+
<main>
<h1>SkyBlock Auction Prices</h1>
<div class="filter-items-settings">
@@ -74,7 +86,7 @@
{/if}
</div>
<div class="item-scatterplot">
- <AuctionPriceScatterplot {item} />
+ <AuctionPriceScatterplot {item} bind:currentlyPreviewedAuction />
</div>
</div>
{/each}