From 96cf29b98b1c759d6cc5b23fca4ecff221d5a4a3 Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Sat, 26 Apr 2025 21:25:39 +0200
Subject: [PATCH] courrier clean 2$

---
 components/email/ComposeEmail.tsx | 19 +++++++------------
 1 file changed, 7 insertions(+), 12 deletions(-)

diff --git a/components/email/ComposeEmail.tsx b/components/email/ComposeEmail.tsx
index 12018b43..adb9b1d6 100644
--- a/components/email/ComposeEmail.tsx
+++ b/components/email/ComposeEmail.tsx
@@ -411,24 +411,19 @@ export default function ComposeEmail(props: ComposeEmailAllProps) {
           </div>
         </div>
         
-        {/* Email Body Editor */}
+        {/* Email Body Editor - using same approach as Input components */}
         <div className="space-y-2">
           <div className="flex items-center justify-between">
             <label htmlFor="body" className="text-sm font-medium">Message</label>
           </div>
           
-          {/* Email editor - uses auto direction to detect content language */}
           <div className="border rounded-md overflow-hidden">
-            <div
-              ref={editorRef}
-              contentEditable={!sending}
-              className="w-full p-4 min-h-[300px] focus:outline-none"
-              onInput={handleEditorInput}
-              dangerouslySetInnerHTML={{ __html: emailContent }}
-              dir="auto"
-              style={{ 
-                textAlign: 'initial',
-              }}
+            <textarea
+              value={emailContent}
+              onChange={(e) => setEmailContent(e.target.value)}
+              className="w-full p-4 min-h-[300px] focus:outline-none resize-none"
+              placeholder="Write your message here..."
+              disabled={sending}
             />
           </div>
         </div>