Strom/Gas-Details: "Zähler verwalten"-Link neben Card-Titel

Zusätzlich zum bestehenden Link im Folgezähler-Form bekommt auch
der Card-Header der Strom/Gas-Details einen Link "Zähler verwalten",
der die Zähler-Übersicht des Kunden in einem neuen Tab öffnet –
damit der Link immer sichtbar ist, nicht nur wenn die Folgezähler-
Form aufgeklappt ist.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-30 15:11:01 +02:00
parent 43aaf697a1
commit a20e331f83
@@ -2591,7 +2591,24 @@ export default function ContractDetail() {
{/* Type-specific details */}
{c.energyDetails && (
<Card className="mb-6" title={c.type === 'ELECTRICITY' ? 'Strom-Details' : 'Gas-Details'}>
<Card
className="mb-6"
title={
<div className="flex items-center gap-3">
<span>{c.type === 'ELECTRICITY' ? 'Strom-Details' : 'Gas-Details'}</span>
<Link
to={`/customers/${c.customerId}?tab=meters`}
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="Zähler-Übersicht des Kunden in neuem Tab öffnen"
>
<ExternalLink className="w-3 h-3" />
Zähler verwalten
</Link>
</div>
}
>
<dl className="grid grid-cols-2 md:grid-cols-4 gap-4">
{c.energyDetails.meter && (
<div>