Allow to use emoji's as icons, fix #1997

This commit is contained in:
Pieter Vander Vennet 2024-06-20 02:22:54 +02:00
parent 1bab69c71f
commit 9deae9e659
5 changed files with 40 additions and 3 deletions

View file

@ -2,6 +2,7 @@
import { IconConfig } from "../../Models/ThemeConfig/PointRenderingConfig"
import { Store } from "../../Logic/UIEventSource"
import Icon from "./Icon.svelte"
import { Utils } from "../../Utils"
/**
* Renders a single icon.
@ -10,11 +11,21 @@
*/
export let icon: IconConfig
export let tags: Store<Record<string, string>>
/**
* Only used in case of emoji
*/
export let emojiHeight: number = 40
let iconItem = icon.icon?.GetRenderValue($tags)?.Subs($tags)?.txt
$: iconItem = icon.icon?.GetRenderValue($tags)?.Subs($tags)?.txt
let color = icon.color?.GetRenderValue($tags)?.txt ?? "#000000"
$: color = icon.color?.GetRenderValue($tags)?.txt ?? "#000000"
</script>
<Icon icon={iconItem} {color} />
{#if iconItem?.startsWith("<")}
{@html iconItem}
{:else}
<Icon icon={iconItem} {color} {emojiHeight} />
{/if}