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

courrier clean 2

Browse Source
This commit is contained in:
alma 2025-04-26 13:28:53 +02:00
parent a9dc2da891
commit ad1723cce9
1 changed files with 46 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
components/ComposeEmail.tsx
View File

@ -229,7 +229,11 @@ export default function ComposeEmail({
// For rich editor, combine user message with quoted content // For rich editor, combine user message with quoted content
if (useRichEditor) { if (useRichEditor) {
const combinedContent = `${userMessage || ''}${quotedContent ? quotedContent : ''}`; // Wrap the content with proper direction styles
const userContent = userMessage ? `<div class="force-ltr">${userMessage}</div>` : '';
const quotedWithStyles = quotedContent ? `<div class="force-ltr">${quotedContent}</div>` : '';
const combinedContent = `${userContent}${quotedWithStyles}`;
setComposeBody(combinedContent); setComposeBody(combinedContent);
// Wait for state update to complete // Wait for state update to complete
@ -271,6 +275,34 @@ export default function ComposeEmail({
{/* Compose Email Modal */} {/* Compose Email Modal */}
{showCompose && ( {showCompose && (
<div className="fixed inset-0 bg-gray-600/30 backdrop-blur-sm z-50 flex items-center justify-center"> <div className="fixed inset-0 bg-gray-600/30 backdrop-blur-sm z-50 flex items-center justify-center">
{/* Add global styles for email direction */}
<style dangerouslySetInnerHTML={{ __html: `
.force-ltr {
direction: ltr !important;
text-align: left !important;
unicode-bidi: isolate !important;
writing-mode: horizontal-tb !important;
}
.force-ltr * {
direction: ltr !important;
text-align: left !important;
unicode-bidi: isolate !important;
}
[dir="rtl"] .force-ltr,
[dir="rtl"] .force-ltr * {
direction: ltr !important;
text-align: left !important;
}
.email-content {
direction: ltr !important;
text-align: left !important;
}
.email-content * {
direction: ltr !important;
text-align: left !important;
}
`}} />
<div className="w-full max-w-2xl h-[80vh] bg-white rounded-xl shadow-xl flex flex-col mx-4"> <div className="w-full max-w-2xl h-[80vh] bg-white rounded-xl shadow-xl flex flex-col mx-4">
{/* Modal Header */} {/* Modal Header */}
<div className="flex items-center justify-between px-6 py-3 border-b border-gray-200"> <div className="flex items-center justify-between px-6 py-3 border-b border-gray-200">
@ -405,11 +437,17 @@ export default function ComposeEmail({
style={{ direction: 'ltr' }} style={{ direction: 'ltr' }}
> >
<div <div
className="p-3 opacity-90 text-sm email-content" className="p-3 opacity-90 text-sm email-content force-ltr"
contentEditable="true" contentEditable="true"
dangerouslySetInnerHTML={{ __html: quotedContent }} dangerouslySetInnerHTML={{ __html: quotedContent }}
onInput={(e) => { onInput={(e) => {
const target = e.currentTarget; const target = e.currentTarget;
// Force LTR on any content added/edited using setAttribute
target.querySelectorAll('*').forEach(el => {
el.setAttribute('style', 'direction: ltr !important; text-align: left !important;');
// Also add the class to ensure styles are applied
el.classList.add('force-ltr');
});
setQuotedContent(target.innerHTML); setQuotedContent(target.innerHTML);
// Update the combined content // Update the combined content
if (contentEditableRef.current) { if (contentEditableRef.current) {
@ -417,7 +455,12 @@ export default function ComposeEmail({
setComposeBody(combined); setComposeBody(combined);
} }
}} }}
style={{ direction: 'ltr', textAlign: 'left' }} style={{
direction: 'ltr',
textAlign: 'left',
unicodeBidi: 'isolate',
writingMode: 'horizontal-tb'
}}
/> />
</div> </div>
)} )}