Quicklinks auch im "Kein Postfach"-Zustand der E-Mails-Card anzeigen

Der "Stressfrei wechseln Adressen"-Link (sowie "Postfach öffnen")
war nur im Normal-Zweig sichtbar, nicht aber wenn der Kunde noch
gar kein Mailbox-Konto hat. cardTitle in einer gemeinsamen Variable
extrahiert und in beiden Branches verwendet.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-01 08:23:40 +02:00
parent 4acfd9de1c
commit cd7075e96f
@@ -268,10 +268,40 @@ export default function ContractEmailsSection({
return email.fromName || email.fromAddress;
};
// Shared Card-Titel mit Quicklinks zur Kundenakte wird sowohl im
// Normal-Zweig als auch im "keine Mailbox vorhanden"-Zweig gezeigt,
// damit man auch ohne eingerichtetes Postfach direkt zu den
// Stressfrei-Wechseln-Adressen springen kann.
const cardTitle = (
<div className="flex items-center gap-3">
<span>E-Mails</span>
<Link
to={`/customers/${customerId}?tab=emails`}
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center gap-1 text-xs text-blue-600 hover:text-blue-800 hover:underline font-normal"
title="Komplettes E-Mail-Postfach des Kunden in neuem Tab öffnen"
>
<ExternalLink className="w-3 h-3" />
Postfach öffnen
</Link>
<Link
to={`/customers/${customerId}?tab=stressfrei`}
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center gap-1 text-xs text-blue-600 hover:text-blue-800 hover:underline font-normal"
title="Stressfrei-Wechseln-Adressen des Kunden in neuem Tab öffnen"
>
<ExternalLink className="w-3 h-3" />
Stressfrei wechseln Adressen
</Link>
</div>
);
// Keine Mailbox-Konten vorhanden
if (!accountsLoading && accounts.length === 0) {
return (
<Card title="E-Mails">
<Card title={cardTitle}>
<div className="flex flex-col items-center justify-center py-8 text-gray-500">
<Mail className="w-10 h-10 mb-2 opacity-30" />
<p className="text-sm">Keine E-Mail-Konten vorhanden</p>
@@ -285,31 +315,7 @@ export default function ContractEmailsSection({
return (
<Card
title={
<div className="flex items-center gap-3">
<span>E-Mails</span>
<Link
to={`/customers/${customerId}?tab=emails`}
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center gap-1 text-xs text-blue-600 hover:text-blue-800 hover:underline font-normal"
title="Komplettes E-Mail-Postfach des Kunden in neuem Tab öffnen"
>
<ExternalLink className="w-3 h-3" />
Postfach öffnen
</Link>
<Link
to={`/customers/${customerId}?tab=stressfrei`}
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center gap-1 text-xs text-blue-600 hover:text-blue-800 hover:underline font-normal"
title="Stressfrei-Wechseln-Adressen des Kunden in neuem Tab öffnen"
>
<ExternalLink className="w-3 h-3" />
Stressfrei wechseln Adressen
</Link>
</div>
}
title={cardTitle}
actions={
<div className="flex items-center gap-2">
{selectedFolder !== 'TRASH' && (