Vertrags-Forms: Mini-Links zu Stammdaten in neuem Tab

ContractEmailsSection (Vertragsansicht): Zusätzlich zu "Postfach
öffnen" gibt es jetzt "Stressfrei wechseln Adressen" → Tab in der
Kundenakte.

ContractForm (Bearbeiten): Kleine ExternalLink-Icons neben den
Select-Labels:
- Lieferadresse + Rechnungsadresse → Kundenakte/Adressen
- Bankkarte → Kundenakte/Bankkarten
- Ausweis → Kundenakte/Ausweise
- Anbieter + Tarif → Settings/Anbieter & Tarife
- Vertriebsplattform → Settings/Vertriebsplattformen

Select-Komponente nimmt jetzt ReactNode als label (statt nur string),
um JSX-Labels mit eingebettetem Link zu erlauben. Rückwärts-
kompatibel zu allen bestehenden String-Aufrufen.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-01 07:47:40 +02:00
parent 5269092d2a
commit 4fb700cf57
3 changed files with 71 additions and 11 deletions
@@ -298,6 +298,16 @@ export default function ContractEmailsSection({
<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>
}
actions={
+2 -2
View File
@@ -1,7 +1,7 @@
import { SelectHTMLAttributes, forwardRef } from 'react';
import { SelectHTMLAttributes, forwardRef, ReactNode } from 'react';
interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
label?: string;
label?: ReactNode;
error?: string;
options: { value: string | number; label: string }[];
placeholder?: string;