Neah version mail widget?

components/email.tsx

@@ -11,12 +11,12 @@ import { fr } from 'date-fns/locale/fr';
 interface Email {
   id: string;
   subject: string;
-  sender: {
-    name: string;
-    email: string;
-  };
+  from: string;
+  fromName?: string;
   date: string;
-  isUnread: boolean;
+  read: boolean;
+  starred: boolean;
+  folder: string;
 }
 
 interface EmailResponse {
@@ -51,46 +51,22 @@ export function Email() {
         throw new Error(errorData.error || 'Failed to fetch emails');
       }
 
-      const rawText = await response.text();
-      console.log('Raw API Response:', rawText);
-
-      let data;
-      try {
-        data = JSON.parse(rawText);
-        console.log('Parsed API Response:', data);
-      } catch (parseError) {
-        console.error('JSON Parse Error:', parseError);
-        throw new Error('Invalid JSON response from server');
-      }
+      const data = await response.json();
+      console.log('Parsed API Response:', data);
 
       if (data.error) {
         throw new Error(data.error);
       }
 
-      let emailsArray = [];
-      if (Array.isArray(data)) {
-        emailsArray = data;
-      } else if (data.messages && Array.isArray(data.messages)) {
-        emailsArray = data.messages;
-      } else if (data.emails && Array.isArray(data.emails)) {
-        emailsArray = data.emails;
-      } else {
-        console.error('Unexpected data structure:', data);
-        throw new Error('Invalid response format: emails data not found');
-      }
-
-      const validatedEmails = emailsArray.map(email => ({
+      const validatedEmails = data.emails.map((email: any) => ({
         id: email.id || Date.now().toString(),
-        accountId: email.accountId || 1,
+        subject: email.subject || '(No subject)',
         from: email.from || '',
         fromName: email.fromName || email.from?.split('@')[0] || 'Unknown',
-        to: email.to || '',
-        subject: email.subject || '(No subject)',
-        body: email.body || '',
         date: email.date || new Date().toISOString(),
         read: !!email.read,
         starred: !!email.starred,
-        category: email.category || 'inbox'
+        folder: email.folder || 'INBOX'
       }));
 
       console.log('Processed emails:', validatedEmails);
@@ -213,11 +189,11 @@ export function Email() {
                   onClick={() => mailUrl && window.open(mailUrl, '_blank')}
                 >
                   <div className="flex items-center justify-between mb-1">
-                    <span className="text-sm text-gray-600 truncate max-w-[60%]" title={email.sender.name}>
-                      {email.sender.name}
+                    <span className="text-sm text-gray-600 truncate max-w-[60%]" title={email.fromName || email.from}>
+                      {email.fromName || email.from}
                     </span>
                     <div className="flex items-center space-x-2">
-                      {email.isUnread && <span className="w-1.5 h-1.5 bg-blue-600 rounded-full"></span>}
+                      {!email.read && <span className="w-1.5 h-1.5 bg-blue-600 rounded-full"></span>}
                       <span className="text-xs text-gray-500">{formatDate(email.date)}</span>
                     </div>
                   </div>