diff options
| author | Kit La Touche <kit@transneptune.net> | 2024-11-28 21:54:15 -0500 |
|---|---|---|
| committer | Kit La Touche <kit@transneptune.net> | 2024-11-28 21:54:15 -0500 |
| commit | 810ebb811c40b50ddb95bb9559d7515f46ec2052 (patch) | |
| tree | 993abbd49907b399af933a44fb40e2e88c6933a5 /ui/lib/components/Message.svelte | |
| parent | d23685c0ea46c92c75d43b6d6a361597241dd95e (diff) | |
| parent | 5ce6c9f6277c43caf7413cce255af7bdc947e74c (diff) | |
Merge branch 'main' into wip/stylize
Diffstat (limited to 'ui/lib/components/Message.svelte')
| -rw-r--r-- | ui/lib/components/Message.svelte | 8 |
1 files changed, 2 insertions, 6 deletions
diff --git a/ui/lib/components/Message.svelte b/ui/lib/components/Message.svelte index d77c29a..1b32c08 100644 --- a/ui/lib/components/Message.svelte +++ b/ui/lib/components/Message.svelte @@ -1,15 +1,11 @@ <script> - import { marked } from 'marked'; - import DOMPurify from 'dompurify'; - import { deleteMessage } from '$lib/apiServer'; function scroll(message) { message.scrollIntoView(); } - let { id, at, body, editable = false } = $props(); - let renderedBody = $derived(DOMPurify.sanitize(marked.parse(body, { breaks: true }))); + let { id, at, body, renderedBody, editable = false } = $props(); let deleteArmed = $state(false); function onDelete(event) { @@ -27,7 +23,7 @@ } </script> -<div class="message relative" class:bg-warning-800={deleteArmed} {onmouseleave}> +<div class="message relative" class:bg-warning-800={deleteArmed} {onmouseleave} role="article"> <div class="handle chip bg-surface-700 absolute -top-6 right-0"> {at} {#if editable} |
