start adding really basic tooltip

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}