Kunden-Tabs: ExternalLink-Icon neben jedem Reiter

Tabs-Komponente bekommt optionalen tabHrefBuilder(tabId)-Prop. Wenn gesetzt, erscheint neben jedem Tab-Label ein kleines ExternalLink-Icon, das den Tab via ?tab=<id> in einem neuen Browser-Tab öffnet. CustomerDetail übergibt den Builder. URL-Param wird eh schon für den Tab-Sync genutzt – Anhängen reicht. Click-stopPropagation verhindert, dass der Klick auf das Icon gleichzeitig den Tab-Wechsel auslöst.
2026-06-03 18:15:23 +02:00
parent fcc3b04725
commit 84cbf01706
3 changed files with 55 additions and 14 deletions
@@ -411,7 +411,13 @@ export default function CustomerDetail({ portalCustomerId }: { portalCustomerId?
      )}

      <Card>
-        <Tabs tabs={tabs} defaultTab={defaultTab} activeTab={activeTab} onTabChange={handleTabChange} />
+        <Tabs
+          tabs={tabs}
+          defaultTab={defaultTab}
+          activeTab={activeTab}
+          onTabChange={handleTabChange}
+          tabHrefBuilder={(tabId) => `${location.pathname}?tab=${tabId}`}
+        />
      </Card>

      <AddressModal