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 12:16:18 +02:00
parent 4db3140ece
commit f4a77ecd25
1 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
components/ComposeEmail.tsx
View File

@ -214,9 +214,9 @@ export default function ComposeEmail({
// Create the final combined email body // Create the final combined email body
const finalBody = ` const finalBody = `
<div dir="ltr" style="direction: ltr; unicode-bidi: isolate; text-align: left;"> <div dir="ltr" style="direction: ltr; unicode-bidi: isolate; text-align: left;">
${userMessage} ${userMessage || ''}
</div> </div>
${quotedContent} ${quotedContent || ''}
`; `;
// Set the complete body and send after a brief delay to ensure state is updated // Set the complete body and send after a brief delay to ensure state is updated
@ -345,7 +345,7 @@ export default function ComposeEmail({
{/* User input area - completely separate from quoted content */} {/* User input area - completely separate from quoted content */}
<div <div
ref={contentEditableRef} ref={contentEditableRef}
contentEditable contentEditable="true"
className="w-full p-3 bg-white min-h-[100px] text-gray-900 email-editor" className="w-full p-3 bg-white min-h-[100px] text-gray-900 email-editor"
style={{ style={{
direction: 'ltr', direction: 'ltr',
@ -354,11 +354,10 @@ export default function ComposeEmail({
}} }}
onInput={handleUserMessageChange} onInput={handleUserMessageChange}
dir="ltr" dir="ltr"
> dangerouslySetInnerHTML={userMessage ? { __html: userMessage } : { __html: '<p style="color: #718096;">Write your message here...</p>' }}
{!userMessage && <p style={{ color: '#718096' }}>Write your message here...</p>} />
</div>
{/* Original email content - completely isolated */} {/* Original email content - also editable */}
{quotedContent && ( {quotedContent && (
<div <div
className="w-full bg-gray-50 border-t border-gray-300 email-content-wrapper" className="w-full bg-gray-50 border-t border-gray-300 email-content-wrapper"
@ -368,8 +367,19 @@ export default function ComposeEmail({
}} }}
> >
<div <div
className="p-3 opacity-75 text-sm email-content" className="p-3 opacity-90 text-sm email-content"
contentEditable="true"
dir="ltr"
style={{
direction: 'ltr',
unicodeBidi: 'isolate',
textAlign: 'left'
}}
dangerouslySetInnerHTML={{ __html: quotedContent }} dangerouslySetInnerHTML={{ __html: quotedContent }}
onInput={(e) => {
const target = e.currentTarget;
setQuotedContent(target.innerHTML);
}}
/> />
</div> </div>
)} )}