From 9a714a932311968cdbf4ae7bbaac9a28408ad55c Mon Sep 17 00:00:00 2001
From: core <core@coredoes.dev>
Date: Wed, 14 May 2025 12:37:25 -0400
Subject: [PATCH] name cache

---
 client/src/lib/ToolbarProductSelector.svelte | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/client/src/lib/ToolbarProductSelector.svelte b/client/src/lib/ToolbarProductSelector.svelte
index 1795dac..d667c58 100644
--- a/client/src/lib/ToolbarProductSelector.svelte
+++ b/client/src/lib/ToolbarProductSelector.svelte
@@ -21,6 +21,8 @@
 		map
 	}: Props = $props();
 
+	let idToNameCache: Record<string, string> = $state({});
+
 	let currentlySelectingFor: string | null = $state(null);
 	let currentlySelectingCategory: PrimaryLayer[] | null = $state(null);
 	let open: boolean = $state(false);
@@ -32,11 +34,11 @@
 			<Tooltip.Trigger>
 				{#if selectedPrimaryLayer !== null}
 					{#if pickingSiteForCategory}
-						<b>Select site for {selectedPrimaryLayer}...</b>
+						<b>Select site for {idToNameCache[selectedPrimaryLayer] ?? selectedPrimaryLayer}...</b>
 					{:else if selectedSite}
-						<b>{selectedSite} - {selectedPrimaryLayer}</b>
+						<b>{selectedSite} - {idToNameCache[selectedPrimaryLayer] ?? selectedPrimaryLayer}</b>
 					{:else}
-						<b>{selectedPrimaryLayer}</b>
+						<b>{idToNameCache[selectedPrimaryLayer] ?? selectedPrimaryLayer}</b>
 					{/if}
 				{:else if currentlySelectingCategory}
 					<b>Select data at {selectedSite}...</b>
@@ -60,6 +62,7 @@
 					<DropdownMenu.Item
 						onclick={() => {
 							selectedPrimaryLayer = data.id;
+							idToNameCache[data.id] = data.layer;
 						}}>{data.layer}</DropdownMenu.Item
 					>
 				{/each}
@@ -80,6 +83,7 @@
 									<DropdownMenu.Item
 										onclick={() => {
 											selectedPrimaryLayer = layer.id;
+											idToNameCache[layer.id] = layer.layer;
 											pickingSiteForCategory = false;
 											currentlySelectingCategory = null;
 											selectedSite = null;
@@ -104,6 +108,7 @@
 									}
 								}
 								selectedPrimaryLayer = item.id;
+								idToNameCache[item.id] = item.category;
 								pickingSiteForCategory = true;
 								currentlySelectingCategory = item.children;
 								selectedSite = null;