summaryrefslogtreecommitdiff
path: root/ui/lib/components/Message.svelte
diff options
context:
space:
mode:
authorKit La Touche <kit@transneptune.net>2024-11-28 21:54:15 -0500
committerKit La Touche <kit@transneptune.net>2024-11-28 21:54:15 -0500
commit810ebb811c40b50ddb95bb9559d7515f46ec2052 (patch)
tree993abbd49907b399af933a44fb40e2e88c6933a5 /ui/lib/components/Message.svelte
parentd23685c0ea46c92c75d43b6d6a361597241dd95e (diff)
parent5ce6c9f6277c43caf7413cce255af7bdc947e74c (diff)
Merge branch 'main' into wip/stylize
Diffstat (limited to 'ui/lib/components/Message.svelte')
-rw-r--r--ui/lib/components/Message.svelte8
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}