Leopoldadmin/leocrm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: mail UI German labels, multi-folder sync, account management, resizable panel fix

Browse Source
This commit is contained in:
Agent Zero
2026-07-15 14:36:45 +02:00
parent 0409a08002
commit e0975f4044
8 changed files with 690 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/Mail.tsx
-16
View File
@@ -399,21 +399,6 @@ export function MailPage() {
),
onClick: () => { /* sync trigger */ },
},
{
id: 'settings',
plugin: 'mail',
label: 'Einstellungen',
group: 'tools',
icon: (
<svg className="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
),
onClick: () => {
window.location.href = '/settings/mail';
},
},
]);
return () => unregisterPlugin('mail');
}, [selectedMailId, selectedMailFlagged, handleSearch, handleCompose, handleReply, handleForward, handleToggleFlag, handleCreateEvent]);
@@ -461,7 +446,6 @@ export function MailPage() {
data-testid="mail-folder-pane"
>
<div className="p-3">
<h3 className="text-xs font-semibold text-secondary-500 uppercase mb-2">{t('mail.folders')}</h3>
<MailFolderTree
accounts={accounts}
folders={folders}
frontend/src/pages/MailSettings.tsx
+28 -5
View File
@@ -18,6 +18,7 @@ import { PgpSettings } from '@/components/mail/PgpSettings';
import {
fetchAccounts,
createAccount,
deleteAccount,
testConnection,
triggerSync,
type MailAccount,
@@ -113,6 +114,17 @@ export function MailSettingsPage() {
}
}, [toast, t]);
const handleDeleteAccount = useCallback(async (accountId: string) => {
if (!window.confirm(t('mail.confirmDeleteAccount'))) return;
try {
await deleteAccount(accountId);
setAccounts((prev) => prev.filter((a) => a.id !== accountId));
toast.success(t('mail.accountDeleted'));
} catch (err) {
toast.error(err instanceof Error ? err.message : String(err));
}
}, [toast, t]);
const activeTab = searchParams.get('tab') || 'accounts';
const tabs = [
@@ -201,15 +213,18 @@ export function MailSettingsPage() {
{accounts.map((acc) => (
<Card key={acc.id}>
<div className="flex items-center justify-between">
<div>
<p className="font-medium text-secondary-900">{acc.display_name}</p>
<p className="text-sm text-secondary-500">{acc.email}</p>
<div className="min-w-0 flex-1">
<p className="font-medium text-secondary-900">{acc.display_name || acc.email}</p>
<p className="text-sm text-secondary-500 truncate">{acc.email}</p>
<p className="text-xs text-secondary-400 mt-1">
{t('mail.serverInfo')}: {acc.imap_host}:{acc.imap_port} / {acc.smtp_host}:{acc.smtp_port}
</p>
<p className="text-xs text-secondary-400">
{acc.is_shared ? t('mail.shared') : t('mail.personal')} ·
{acc.is_shared ? t('mail.shared') : t('mail.personal')} ·
{acc.is_active ? t('common.active') : t('common.inactive')}
</p>
</div>
<div className="flex gap-2">
<div className="flex gap-2 flex-shrink-0">
<Button
variant="secondary"
size="sm"
@@ -228,6 +243,14 @@ export function MailSettingsPage() {
>
{t('mail.syncNow')}
</Button>
<Button
variant="danger"
size="sm"
onClick={() => handleDeleteAccount(acc.id)}
data-testid={`delete-account-${acc.id}`}
>
{t('mail.deleteAccount')}
</Button>
</div>
</div>
</Card>