From 2fb4fcd0693caba571605788359a7f63315ad93c Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Tue, 29 Apr 2025 09:13:52 +0200
Subject: [PATCH] courrier multi account restore compose

---
 components/email/EmailSidebar.tsx | 33 +++++++++++++++++--------------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/components/email/EmailSidebar.tsx b/components/email/EmailSidebar.tsx
index 45913c35..6156162d 100644
--- a/components/email/EmailSidebar.tsx
+++ b/components/email/EmailSidebar.tsx
@@ -80,7 +80,7 @@ export default function EmailSidebar({
   };
 
   const handleAccountClick = (accountId: string) => {
-    setExpandedAccount(expandedAccount === accountId ? null : accountId);
+    setExpandedAccount(accountId);
   };
 
   return (
@@ -99,18 +99,26 @@ export default function EmailSidebar({
       {/* Accounts and folders navigation */}
       <ScrollArea className="flex-1">
         <div className="p-2 space-y-1">
-          {/* Accounts header with toggle */}
+          {/* Accounts header with toggle and add button */}
           <div className="flex items-center justify-between px-2 py-2 text-sm font-medium text-gray-600">
-            <span>Accounts</span>
+            <div className="flex items-center gap-2">
+              <button 
+                onClick={() => setShowAccounts(!showAccounts)}
+                className="text-gray-400 hover:text-gray-600"
+              >
+                {showAccounts ? (
+                  <ChevronDown className="h-4 w-4" />
+                ) : (
+                  <ChevronRight className="h-4 w-4" />
+                )}
+              </button>
+              <span>Accounts</span>
+            </div>
             <button 
-              onClick={() => setShowAccounts(!showAccounts)}
+              onClick={() => {/* Add account logic here */}}
               className="text-gray-400 hover:text-gray-600"
             >
-              {showAccounts ? (
-                <ChevronDown className="h-4 w-4" />
-              ) : (
-                <ChevronRight className="h-4 w-4" />
-              )}
+              <Plus className="h-4 w-4" />
             </button>
           </div>
           
@@ -131,14 +139,9 @@ export default function EmailSidebar({
                       <Mail className="h-4 w-4 mr-2" />
                       <span className="truncate">{account.email}</span>
                     </div>
-                    {expandedAccount === account.id ? (
-                      <ChevronDown className="h-4 w-4" />
-                    ) : (
-                      <ChevronRight className="h-4 w-4" />
-                    )}
                   </Button>
                   
-                  {/* Account folders - shown when account is expanded */}
+                  {/* Account folders - shown when account is selected */}
                   {expandedAccount === account.id && (
                     <div className="pl-6 space-y-1">
                       {getStandardFolders(account.folders).map((folder) => (