Vertragsansicht: Standort + Inaktiv-Badge beim Zähler anzeigen

In der Zähler-Zelle der Strom/Gas-Details wird jetzt zusätzlich
"Inaktiv" (rot) neben der Zählernummer angezeigt und der
Standort als kleine Zeile darunter.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-30 13:32:12 +02:00
parent c099b41796
commit 6f378d750c
@@ -2548,16 +2548,24 @@ export default function ContractDetail() {
<dl className="grid grid-cols-2 md:grid-cols-4 gap-4"> <dl className="grid grid-cols-2 md:grid-cols-4 gap-4">
{c.energyDetails.meter && ( {c.energyDetails.meter && (
<div> <div>
<dt className="text-sm text-gray-500 flex items-center gap-1"> <dt className="text-sm text-gray-500 flex items-center gap-1 flex-wrap">
Zählernummer Zählernummer
{c.energyDetails.meter.tariffModel === 'DUAL' && ( {c.energyDetails.meter.tariffModel === 'DUAL' && (
<Badge variant="default">HT/NT</Badge> <Badge variant="default">HT/NT</Badge>
)} )}
{c.energyDetails.meter.isActive === false && (
<Badge variant="danger">Inaktiv</Badge>
)}
</dt> </dt>
<dd className="font-mono flex items-center gap-1"> <dd className="font-mono flex items-center gap-1">
{c.energyDetails.meter.meterNumber} {c.energyDetails.meter.meterNumber}
<CopyButton value={c.energyDetails.meter.meterNumber} /> <CopyButton value={c.energyDetails.meter.meterNumber} />
</dd> </dd>
{c.energyDetails.meter.location && (
<dd className="text-xs text-gray-500 mt-1">
Standort: {c.energyDetails.meter.location}
</dd>
)}
</div> </div>
)} )}
{c.energyDetails.maloId && ( {c.energyDetails.maloId && (