From 43a0ab4197874d360fb38b8e1506c6181e9ff7ed Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Wed, 16 Apr 2025 18:49:48 +0200
Subject: [PATCH] Neah version mail design fix 5 bis

---
 app/mail/page.tsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/app/mail/page.tsx b/app/mail/page.tsx
index 5f4cd66..009b224 100644
--- a/app/mail/page.tsx
+++ b/app/mail/page.tsx
@@ -709,6 +709,26 @@ export default function MailPage() {
     setSelectedEmails([]);
   };
 
+  // Add infinite scroll handler
+  const handleScroll = useCallback((e: React.UIEvent<HTMLDivElement>) => {
+    const target = e.currentTarget;
+    if (
+      target.scrollHeight - target.scrollTop === target.clientHeight &&
+      !isLoadingMore &&
+      hasMore
+    ) {
+      setPage(prev => prev + 1);
+      loadEmails(true);
+    }
+  }, [isLoadingMore, hasMore]);
+
+  // Sort emails by date (most recent first)
+  const sortedEmails = useMemo(() => {
+    return [...emails].sort((a, b) => {
+      return new Date(b.date).getTime() - new Date(a.date).getTime();
+    });
+  }, [emails]);
+
   const toggleSelectAll = () => {
     if (selectedEmails.length === emails.length) {
       setSelectedEmails([]);