alma/Neah
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mail page fix design

Browse Source
This commit is contained in:
alma 2025-04-21 19:37:03 +02:00
parent 9927b19343
commit 85ce3a68dd
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/courrier/page.tsx
View File

@ -391,22 +391,22 @@ function getReplyBody(email: Email, type: 'reply' | 'reply-all' | 'forward'): st
if (type === 'forward') { if (type === 'forward') {
return ` return `
<div class="prose max-w-none"> <div class="prose max-w-none" dir="ltr">
<div class="border-l-4 border-gray-300 pl-4 my-4"> <div class="border-l-4 border-gray-300 pl-4 my-4">
<p class="text-sm text-gray-600 mb-2"><strong>From:</strong> ${email.from}</p> <p class="text-sm text-gray-600 mb-2"><strong>From:</strong> ${email.from}</p>
<p class="text-sm text-gray-600 mb-2"><strong>Date:</strong> ${date}</p> <p class="text-sm text-gray-600 mb-2"><strong>Date:</strong> ${date}</p>
<p class="text-sm text-gray-600 mb-2"><strong>Subject:</strong> ${email.subject}</p> <p class="text-sm text-gray-600 mb-2"><strong>Subject:</strong> ${email.subject}</p>
<p class="text-sm text-gray-600 mb-2"><strong>To:</strong> ${Array.isArray(email.to) ? email.to.join(', ') : email.to}</p> <p class="text-sm text-gray-600 mb-2"><strong>To:</strong> ${Array.isArray(email.to) ? email.to.join(', ') : email.to}</p>
<div class="mt-4 prose-sm">${content}</div> <div class="mt-4 prose-sm" dir="ltr">${content}</div>
</div> </div>
</div> </div>
`; `;
} else { } else {
return ` return `
<div class="prose max-w-none"> <div class="prose max-w-none" dir="ltr">
<div class="border-l-4 border-gray-300 pl-4 my-4"> <div class="border-l-4 border-gray-300 pl-4 my-4">
<p class="text-sm text-gray-600 mb-2">On ${date}, ${email.from} wrote:</p> <p class="text-sm text-gray-600 mb-2">On ${date}, ${email.from} wrote:</p>
<div class="mt-4 prose-sm">${content}</div> <div class="mt-4 prose-sm" dir="ltr">${content}</div>
</div> </div>
</div> </div>
`; `;

7
components/ComposeEmail.tsx
View File

@ -51,6 +51,12 @@ export default function ComposeEmail({
}: ComposeEmailProps) { }: ComposeEmailProps) {
const composeBodyRef = useRef<HTMLDivElement>(null); const composeBodyRef = useRef<HTMLDivElement>(null);
useEffect(() => {
if (composeBodyRef.current) {
composeBodyRef.current.innerHTML = composeBody;
}
}, [composeBody]);
const handleInput = (e: React.FormEvent<HTMLDivElement>) => { const handleInput = (e: React.FormEvent<HTMLDivElement>) => {
if (composeBodyRef.current) { if (composeBodyRef.current) {
setComposeBody(composeBodyRef.current.innerHTML); setComposeBody(composeBodyRef.current.innerHTML);
@ -223,7 +229,6 @@ export default function ComposeEmail({
unicodeBidi: 'bidi-override' unicodeBidi: 'bidi-override'
}} }}
dir="ltr" dir="ltr"
dangerouslySetInnerHTML={{ __html: composeBody }}
onInput={handleInput} onInput={handleInput}
/> />
</div> </div>