From 5fa59080721e221525a071bb5f13c02641f807ac Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Sun, 26 Jan 2025 12:48:23 +0100
Subject: [PATCH] use waypoint symbol in file tree

---
 .../lib/components/file-list/FileListNodeLabel.svelte    | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/website/src/lib/components/file-list/FileListNodeLabel.svelte b/website/src/lib/components/file-list/FileListNodeLabel.svelte
index 810d21cd..88072404 100644
--- a/website/src/lib/components/file-list/FileListNodeLabel.svelte
+++ b/website/src/lib/components/file-list/FileListNodeLabel.svelte
@@ -54,6 +54,7 @@
 	import MetadataDialog from './MetadataDialog.svelte';
 	import StyleDialog from './StyleDialog.svelte';
 	import { waypointPopup } from '$lib/components/gpx-layer/GPXLayerPopup';
+	import { getSymbolKey, symbols } from '$lib/assets/symbols';
 
 	export let node: GPXTreeElement<AnyGPXTreeElement> | Waypoint[] | Waypoint;
 	export let item: ListItem;
@@ -98,6 +99,8 @@
 		}
 	}
 
+	$: symbolKey = node instanceof Waypoint ? getSymbolKey(node.sym) : undefined;
+
 	let openEditMetadata: boolean = false;
 	let openEditStyle: boolean = false;
 
@@ -191,7 +194,11 @@
 				{#if item.level === ListLevel.SEGMENT}
 					<Waypoints size="16" class="mr-1 shrink-0" />
 				{:else if item.level === ListLevel.WAYPOINT}
-					<MapPin size="16" class="mr-1 shrink-0" />
+					{#if symbolKey && symbols[symbolKey].icon}
+						<svelte:component this={symbols[symbolKey].icon} size="16" class="mr-1 shrink-0" />
+					{:else}
+						<MapPin size="16" class="mr-1 shrink-0" />
+					{/if}
 				{/if}
 				<span class="grow select-none truncate {orientation === 'vertical' ? 'last:mr-2' : ''}">
 					{label}