diff --git a/app/courrier/page.tsx b/app/courrier/page.tsx index 41495cc5..15419adb 100644 --- a/app/courrier/page.tsx +++ b/app/courrier/page.tsx @@ -391,22 +391,22 @@ function getReplyBody(email: Email, type: 'reply' | 'reply-all' | 'forward'): st if (type === 'forward') { return ` -
+

From: ${email.from}

Date: ${date}

Subject: ${email.subject}

To: ${Array.isArray(email.to) ? email.to.join(', ') : email.to}

-
${content}
+
${content}
`; } else { return ` -
+

On ${date}, ${email.from} wrote:

-
${content}
+
${content}
`; diff --git a/components/ComposeEmail.tsx b/components/ComposeEmail.tsx index 4e181dc0..17d4153e 100644 --- a/components/ComposeEmail.tsx +++ b/components/ComposeEmail.tsx @@ -51,6 +51,12 @@ export default function ComposeEmail({ }: ComposeEmailProps) { const composeBodyRef = useRef(null); + useEffect(() => { + if (composeBodyRef.current) { + composeBodyRef.current.innerHTML = composeBody; + } + }, [composeBody]); + const handleInput = (e: React.FormEvent) => { if (composeBodyRef.current) { setComposeBody(composeBodyRef.current.innerHTML); @@ -223,7 +229,6 @@ export default function ComposeEmail({ unicodeBidi: 'bidi-override' }} dir="ltr" - dangerouslySetInnerHTML={{ __html: composeBody }} onInput={handleInput} />