From 1be9b35d019971bff782ee50318c2ab215bb8a6b Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Wed, 16 Apr 2025 18:23:51 +0200
Subject: [PATCH] Neah version mail design fix 3 ?

---
 app/mail/page.tsx | 29 ++++-------------------------
 1 file changed, 4 insertions(+), 25 deletions(-)

diff --git a/app/mail/page.tsx b/app/mail/page.tsx
index 5e2c2f1..7875a4c 100644
--- a/app/mail/page.tsx
+++ b/app/mail/page.tsx
@@ -1085,7 +1085,7 @@ export default function MailPage() {
             {sortedEmails.map((email) => (
               <div
                 key={email.id}
-                className={`flex items-start gap-3 p-3 hover:bg-gray-50/80 cursor-pointer ${
+                className={`flex items-start gap-3 p-2 hover:bg-gray-50/80 cursor-pointer ${
                   selectedEmail?.id === email.id ? 'bg-blue-50/50' : ''
                 } ${!email.read ? 'bg-blue-50/20' : ''}`}
                 onClick={() => handleEmailSelect(email.id)}
@@ -1123,32 +1123,11 @@ export default function MailPage() {
                       </Button>
                     </div>
                   </div>
-                  <h3 className={`text-sm mb-0.5 truncate ${!email.read ? 'font-medium text-gray-900' : 'text-gray-700'}`}>
+                  <h3 className="text-sm text-gray-900 truncate">
                     {email.subject || '(No subject)'}
                   </h3>
-                  <div className="flex items-center gap-2 text-xs text-gray-500">
-                    <span className="truncate">
-                      {(() => {
-                        // Try to get clean preview text from the email body
-                        let previewText = '';
-                        try {
-                          // Remove HTML tags and decode entities
-                          previewText = email.body
-                            .replace(/<[^>]+>/g, '') // Remove HTML tags
-                            .replace(/&nbsp;/g, ' ') // Replace &nbsp; with space
-                            .replace(/\s+/g, ' ') // Normalize whitespace
-                            .trim();
-                          
-                          // Limit to a reasonable length
-                          if (previewText.length > 100) {
-                            previewText = previewText.substring(0, 100) + '...';
-                          }
-                        } catch (e) {
-                          previewText = ''; // Fallback to empty string if there's an error
-                        }
-                        return previewText || 'No preview available';
-                      })()}
-                    </span>
+                  <div className="text-xs text-gray-500 truncate">
+                    --{email.id.toString().substring(0, 32)}...
                   </div>
                 </div>
               </div>