Jon Staab
24 lines
672 B
Svelte
24 lines
672 B
Svelte
<script lang="ts">
|
|
import {parse, isEmoji, renderAsHtml} from "@welshman/content"
|
|
import Heart from "@assets/icons/heart-angle.svg?dataurl"
|
|
import ThumbsDown from "@assets/icons/dislike.svg?dataurl"
|
|
import Icon from "@lib/components/Icon.svelte"
|
|
import ContentEmoji from "@app/components/ContentEmoji.svelte"
|
|
|
|
export let event
|
|
</script>
|
|
|
|
{#if event.content === "+" || event.content === ""}
|
|
<Icon icon={Heart} />
|
|
{:else if event.content === "-"}
|
|
<Icon icon={ThumbsDown} />
|
|
{:else}
|
|
{#each parse(event) as parsed}
|
|
{#if isEmoji(parsed)}
|
|
<ContentEmoji value={parsed.value} />
|
|
{:else}
|
|
{@html renderAsHtml(parsed)}
|
|
{/if}
|
|
{/each}
|
|
{/if}
|