alma/Neah
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

courrier multi account restore compose

Browse Source
This commit is contained in:
alma 2025-04-29 09:13:52 +02:00
parent d6c6832a21
commit 2fb4fcd069
1 changed files with 18 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
components/email/EmailSidebar.tsx
View File

@ -80,7 +80,7 @@ export default function EmailSidebar({
}; };
const handleAccountClick = (accountId: string) => { const handleAccountClick = (accountId: string) => {
setExpandedAccount(expandedAccount === accountId ? null : accountId); setExpandedAccount(accountId);
}; };
return ( return (
@ -99,9 +99,9 @@ export default function EmailSidebar({
{/* Accounts and folders navigation */} {/* Accounts and folders navigation */}
<ScrollArea className="flex-1"> <ScrollArea className="flex-1">
<div className="p-2 space-y-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"> <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 <button
onClick={() => setShowAccounts(!showAccounts)} onClick={() => setShowAccounts(!showAccounts)}
className="text-gray-400 hover:text-gray-600" className="text-gray-400 hover:text-gray-600"
@ -112,6 +112,14 @@ export default function EmailSidebar({
<ChevronRight className="h-4 w-4" /> <ChevronRight className="h-4 w-4" />
)} )}
</button> </button>
<span>Accounts</span>
</div>
<button
onClick={() => {/* Add account logic here */}}
className="text-gray-400 hover:text-gray-600"
>
<Plus className="h-4 w-4" />
</button>
</div> </div>
{/* Accounts list */} {/* Accounts list */}
@ -131,14 +139,9 @@ export default function EmailSidebar({
<Mail className="h-4 w-4 mr-2" /> <Mail className="h-4 w-4 mr-2" />
<span className="truncate">{account.email}</span> <span className="truncate">{account.email}</span>
</div> </div>
{expandedAccount === account.id ? (
<ChevronDown className="h-4 w-4" />
) : (
<ChevronRight className="h-4 w-4" />
)}
</Button> </Button>
{/* Account folders - shown when account is expanded */} {/* Account folders - shown when account is selected */}
{expandedAccount === account.id && ( {expandedAccount === account.id && (
<div className="pl-6 space-y-1"> <div className="pl-6 space-y-1">
{getStandardFolders(account.folders).map((folder) => ( {getStandardFolders(account.folders).map((folder) => (