frontend/src/lib/components/common/Emoji.svelte

<script>
	import { REXPRO_BASE_URL } from "$lib/constants";
	import { shortCodesToEmojis } from "$lib/stores";

	export let shortCode;
	export let className = "size-4";
</script>

{#if $shortCodesToEmojis[shortCode]}
	<img
		src="{REXPRO_BASE_URL}/assets/emojis/{$shortCodesToEmojis[
			shortCode
		].toLowerCase()}.svg"
		alt={shortCode}
		class={className}
		loading="lazy"
	/>
{:else}
	<div>
		{shortCode}
	</div>
{/if}