From 582409e7cb1598b65bee6d1023b77620bb3791af Mon Sep 17 00:00:00 2001
From: mat <github@matdoes.dev>
Date: Sun, 20 Feb 2022 02:16:09 -0600
Subject: add inventories

---
 src/lib/minecraft/Item.svelte | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

(limited to 'src/lib/minecraft/Item.svelte')

diff --git a/src/lib/minecraft/Item.svelte b/src/lib/minecraft/Item.svelte
index 8ddc4a8..c944f1b 100644
--- a/src/lib/minecraft/Item.svelte
+++ b/src/lib/minecraft/Item.svelte
@@ -1,22 +1,26 @@
 <script lang="ts">
 	import MinecraftTooltip from './MinecraftTooltip.svelte'
 	import { formattingCodeToHtml, removeFormattingCode } from '$lib/utils'
-	import { itemToUrlCached } from './inventory'
+	import { itemToUrl } from './inventory'
 
 	export let item: any | null
 	export let isslot = true
 	export let pack = ''
 
-	$: itemLoreHtml = item.display.lore.map(l => formattingCodeToHtml(l)).join('<br>')
-	$: itemNameHtml = formattingCodeToHtml(item.display.name)
+	let itemLoreHtml: string | null
+	let itemNameHtml: string | null
+	let imageUrl: string | null
 
-	$: imageUrl = itemToUrlCached(item, pack)
+	$: itemLoreHtml = item ? item.display.lore.map(l => formattingCodeToHtml(l)).join('<br>') : null
+	$: itemNameHtml = item ? formattingCodeToHtml(item.display.name) : null
+
+	$: imageUrl = item ? itemToUrl(item, pack) : null
 </script>
 
 <MinecraftTooltip>
 	<span slot="name">{@html itemNameHtml}</span>
 	<span slot="lore">{@html itemLoreHtml}</span>
-	<span class="item item-slot" class:item-slot={isslot}>
+	<span class="item" class:item-slot={isslot}>
 		<!-- we have an if here because the item might be air -->
 		{#if item}
 			{#if imageUrl}
@@ -60,6 +64,13 @@
 		image-rendering: pixelated;
 	}
 
+	img.item-custom-head {
+		width: 0.75em;
+		height: 0.75em;
+		margin-top: 0.1875em;
+		margin-left: 0.1875em;
+	}
+
 	.item-slot {
 		margin: 0.05em;
 	}
-- 
cgit