mirror of
https://github.com/fromchat-messenger/web.git
synced 2026-09-22 19:15:08 +03:00
Improve code splitting
This commit is contained in:
@@ -3,7 +3,6 @@ import type { Message as MessageType } from "../../../core/types";
|
||||
import defaultAvatar from "../../../resources/images/default-avatar.png";
|
||||
import Quote from "../core/Quote";
|
||||
import { parse } from "marked";
|
||||
import DOMPurify from "dompurify";
|
||||
import { useEffect, useState } from "react";
|
||||
|
||||
interface MessageProps {
|
||||
@@ -16,13 +15,15 @@ interface MessageProps {
|
||||
}
|
||||
|
||||
export function Message({ message, isAuthor, onProfileClick, onContextMenu, isLoadingProfile = false, isDm = false }: MessageProps) {
|
||||
const [formattedMessage, setFormattedMessage] = useState({ __html: DOMPurify.sanitize(message.content).trim() });
|
||||
const [formattedMessage, setFormattedMessage] = useState({ __html: "" });
|
||||
|
||||
useEffect(() => {
|
||||
(async () => {
|
||||
const DOMPurify = await import("dompurify");
|
||||
|
||||
setFormattedMessage({
|
||||
__html: DOMPurify.sanitize(
|
||||
await parse(message.content)
|
||||
__html: DOMPurify.default.sanitize(
|
||||
await parse(message.content.trim())
|
||||
).trim()
|
||||
});
|
||||
})();
|
||||
|
||||
Reference in New Issue
Block a user