From 90f2c61c3cd29238e9710ff7d0672b8f34e54492 Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Mon, 28 Apr 2025 19:12:02 +0200
Subject: [PATCH] courrier multi account restore compose

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

diff --git a/app/courrier/page.tsx b/app/courrier/page.tsx
index cd4d3405..0aad9307 100644
--- a/app/courrier/page.tsx
+++ b/app/courrier/page.tsx
@@ -784,13 +784,7 @@ export default function CourrierPage() {
                 {/* Accounts Section */}
                 <div className="p-3 border-b border-gray-100">
                   <div className="flex items-center justify-between mb-2">
-                    <Button 
-                      variant="ghost"
-                      className="w-full justify-between text-sm font-medium text-gray-500"
-                      onClick={() => setAccountsDropdownOpen(!accountsDropdownOpen)}
-                    >
-                      <span>Accounts</span>
-                    </Button>
+                    <span className="text-sm font-medium text-gray-500">Accounts</span>
                     <Button
                       variant="ghost"
                       size="sm"
@@ -1014,17 +1008,14 @@ export default function CourrierPage() {
                           <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 text-gray-700 flex-1">{account.name}</span>
                           {account.id !== 'loading-account' && (
-                            <DropdownMenu>
-                              <DropdownMenuTrigger asChild>
-                                <button type="button" className="ml-1 h-5 w-5 p-0 text-gray-400 hover:text-gray-600 flex items-center justify-center" onClick={e => e.stopPropagation()}>
-                                  <MoreVertical className="h-4 w-4" />
-                                </button>
-                              </DropdownMenuTrigger>
-                              <DropdownMenuContent align="end">
-                                <DropdownMenuItem onClick={e => { e.stopPropagation(); setAccountToEdit(account); setShowEditModal(true); }}>Edit</DropdownMenuItem>
-                                <DropdownMenuItem onClick={e => { e.stopPropagation(); setAccountToDelete(account); setShowDeleteDialog(true); }}>Delete</DropdownMenuItem>
-                              </DropdownMenuContent>
-                            </DropdownMenu>
+                            <button
+                              type="button"
+                              className="ml-1 text-gray-400 hover:text-gray-600 cursor-pointer flex items-center justify-center h-5 w-5"
+                              tabIndex={-1}
+                              onClick={e => { e.stopPropagation(); setExpandedAccounts(prev => ({ ...prev, [account.id]: !prev[account.id] })); }}
+                            >
+                              {expandedAccounts[account.id] ? <ChevronUp className="h-3 w-3" /> : <ChevronDown className="h-3 w-3" />}
+                            </button>
                           )}
                         </div>
                         {/* Show folders for any expanded account */}