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:41:43 +02:00
parent 5bade2283c
commit 9c62add6d2
1 changed files with 31 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
components/email/EmailSidebar.tsx
View File

@ -16,8 +16,14 @@ import { Tabs, TabsList, TabsTrigger, TabsContent } from '@/components/ui/tabs';
import { Input } from '@/components/ui/input'; import { Input } from '@/components/ui/input';
import { Checkbox } from '@/components/ui/checkbox'; import { Checkbox } from '@/components/ui/checkbox';
import { Label } from '@/components/ui/label'; import { Label } from '@/components/ui/label';
import { IconArrowDown, IconCheck, IconChevronDown, IconChevronUp, IconEdit, IconMail, IconMailbox, IconPencil, IconPlus, IconRefresh, IconTrash } from '@tabler/icons-react';
import { Account } from '../../types'; interface Account {
id: number | string;
name: string;
email: string;
color: string;
folders?: string[];
}
interface EmailSidebarProps { interface EmailSidebarProps {
accounts: Account[]; accounts: Account[];
@ -294,15 +300,23 @@ export default function EmailSidebar({
name="port" name="port"
placeholder="993" placeholder="993"
className="h-7 text-xs bg-white border-gray-300 text-gray-900" className="h-7 text-xs bg-white border-gray-300 text-gray-900"
defaultValue="993"
required
value={formData.port} value={formData.port}
onChange={handleChange} onChange={handleChange}
/> />
</div> </div>
<div className="flex items-center pl-1"> <div className="flex items-center pl-1">
<div className="flex items-center space-x-1"> <div className="flex items-center space-x-1">
<Checkbox id="useSSL" name="useSSL" defaultChecked={formData.useSSL} onChange={handleChange} /> <Checkbox
id="useSSL"
name="useSSL"
checked={formData.useSSL}
onCheckedChange={(checked) => {
setFormData(prev => ({
...prev,
useSSL: checked === true
}));
}}
/>
<Label htmlFor="useSSL" className="text-xs">SSL</Label> <Label htmlFor="useSSL" className="text-xs">SSL</Label>
</div> </div>
</div> </div>
@ -327,14 +341,23 @@ export default function EmailSidebar({
name="smtpPort" name="smtpPort"
placeholder="587" placeholder="587"
className="h-7 text-xs bg-white border-gray-300 text-gray-900" className="h-7 text-xs bg-white border-gray-300 text-gray-900"
defaultValue="587"
value={formData.smtpPort} value={formData.smtpPort}
onChange={handleChange} onChange={handleChange}
/> />
</div> </div>
<div className="flex items-center pl-1"> <div className="flex items-center pl-1">
<div className="flex items-center space-x-1"> <div className="flex items-center space-x-1">
<Checkbox id="smtp_secure" name="smtpUseSSL" defaultChecked={formData.smtpUseSSL} onChange={handleChange} /> <Checkbox
id="smtp_secure"
name="smtpUseSSL"
checked={formData.smtpUseSSL}
onCheckedChange={(checked) => {
setFormData(prev => ({
...prev,
smtpUseSSL: checked === true
}));
}}
/>
<Label htmlFor="smtp_secure" className="text-xs">SSL</Label> <Label htmlFor="smtp_secure" className="text-xs">SSL</Label>
</div> </div>
</div> </div>
@ -405,7 +428,7 @@ export default function EmailSidebar({
{/* Show folders for each account when selected and when folders are visible */} {/* Show folders for each account when selected and when folders are visible */}
{selectedAccount?.id === account.id && showFolders && account.folders && account.folders.length > 0 && ( {selectedAccount?.id === account.id && showFolders && account.folders && account.folders.length > 0 && (
<div className="pl-4"> <div className="pl-4">
{account.folders.map((folder) => renderFolderButton(folder, account.id))} {account.folders.map((folder: string) => renderFolderButton(folder, account.id.toString()))}
</div> </div>
)} )}
</div> </div>