Tweak errors so that actionable links are rendered

This commit is contained in:
Jon Staab
2025-05-07 15:04:35 -07:00
parent 94a0077b09
commit d57f4747a6
7 changed files with 36 additions and 34 deletions
+4 -1
View File
@@ -1,4 +1,5 @@
<script lang="ts">
import {parse, renderAsHtml} from "@welshman/content"
import {fly} from "@lib/transition"
import Icon from "@lib/components/Icon.svelte"
import Button from "@lib/components/Button.svelte"
@@ -15,7 +16,9 @@
class:bg-base-100={theme === "info"}
class:text-base-content={theme === "info"}
class:alert-error={theme === "error"}>
{$toast.message}
<p class="welshman-content-error">
{@html renderAsHtml(parse({content: $toast.message}))}
</p>
<Button class="flex items-center opacity-75" onclick={() => popToast($toast.id)}>
<Icon icon="close-circle" />
</Button>