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}
/>