From 27127ae99cf5a1dbd0956c4c027d6bf30a2a390c Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Sun, 27 Apr 2025 18:42:51 +0200
Subject: [PATCH] courrier multi account

---
 app/courrier/page.tsx | 22 ++++------------------
 1 file changed, 4 insertions(+), 18 deletions(-)

diff --git a/app/courrier/page.tsx b/app/courrier/page.tsx
index 6e9bd4db..0f3850f9 100644
--- a/app/courrier/page.tsx
+++ b/app/courrier/page.tsx
@@ -675,13 +675,6 @@ export default function CourrierPage() {
                     </Button>
                   </div>
                   
-                  {/* Debug info */}
-                  <div className="text-xs text-red-500 p-1 border border-red-300 mb-2 bg-red-50 rounded">
-                    Accounts: {accounts.length}, 
-                    Selected: {selectedAccount?.id || 'none'}, 
-                    ShowFolders: {String(showFolders)}
-                  </div>
-                
                   {/* Display all accounts */}
                   <div className="mt-1">
                     {accounts.map((account) => (
@@ -699,9 +692,9 @@ export default function CourrierPage() {
                           }
                         }}
                       >
-                        <div className="flex items-center">
+                        <div className="flex items-center w-full">
                           <div className={`w-3 h-3 rounded-full ${account.color?.startsWith('#') ? 'bg-blue-500' : account.color || 'bg-blue-500'} mr-2`}></div>
-                          <span className="truncate">{account.name}</span>
+                          <span className="truncate text-gray-700">{account.name}</span>
                         </div>
                       </Button>
                     ))}
@@ -719,13 +712,6 @@ export default function CourrierPage() {
                     </Button>
                   </div>
                   
-                  {/* Debug info */}
-                  <div className="text-xs text-blue-500 p-1 border border-blue-300 mb-2 bg-blue-50 rounded">
-                    Selected: {selectedAccount?.id || 'none'}<br />
-                    Has Folders: {String(!!selectedAccount?.folders)}<br />
-                    Folder Count: {selectedAccount?.folders?.length || 0}
-                  </div>
-                  
                   {/* Display folders if available */}
                   {selectedAccount?.folders?.map((folder) => (
                     <Button
@@ -734,9 +720,9 @@ export default function CourrierPage() {
                       className={`w-full justify-start text-xs mb-1 ${currentFolder === folder ? 'bg-gray-100' : ''}`}
                       onClick={() => handleMailboxChange(folder, selectedAccount.id !== 'all-accounts' ? selectedAccount.id : undefined)}
                     >
-                      <div className="flex items-center">
+                      <div className="flex items-center w-full">
                         {getFolderIcon(folder)}
-                        <span className="ml-2 truncate">{formatFolderName(folder)}</span>
+                        <span className="ml-2 truncate text-gray-700">{formatFolderName(folder)}</span>
                         {folder === 'INBOX' && unreadCount > 0 && (
                           <span className="ml-auto bg-blue-500 text-white text-[10px] px-1.5 rounded-full">
                             {unreadCount}