Kundenseite: Reiter „Aufträge und Rechnungen“ zeigt den neuen Container, CustomerInvoices entfällt

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/components/finance/CustomerInvoices.jsx

@@ -1,29 +0,0 @@
-import { Button, EmptyState } from '../ui'
-import AddressWarning from './AddressWarning'
-import InvoiceTable from './InvoiceTable'
-import { customerInvoicesGate } from '../../lib/financeView'
-
-/**
- * Reiter „Rechnungen“ am Kunden. Kann für den Kunden keine Rechnung geschrieben werden (noch Lead, abgesagt, keine
- * E-Mail), steht der Grund da, mit „Daten erfassen“ (onShowOverview wechselt zum Reiter Übersicht). Sonst die
- * Rechnungen dieses Kunden mit „Rechnung schreiben“ (der Kunde steht im Dialog fest). Fehlt dem Kunden die Anschrift
- * (Straße, PLZ, Ort), steht darüber eine Warnung mit Knopf zur Übersicht; „Senden“ ist dann über 250 € gesperrt.
- */
-export default function CustomerInvoices({ customer, onShowOverview }) {
-  const gate = customerInvoicesGate(customer)
-  if (!gate.ok) {
-    return (
-      <EmptyState
-        title={gate.title}
-        hint={gate.hint}
-        action={onShowOverview ? <Button variant="primary" onClick={onShowOverview}>Daten erfassen</Button> : null}
-      />
-    )
-  }
-  return (
-    <>
-      <AddressWarning customer={customer} onShowOverview={onShowOverview} variant="page" />
-      <InvoiceTable customer={customer} onShowOverview={onShowOverview} />
-    </>
-  )
-}

src/pages/CustomerDetailPage.jsx

@@ -3,7 +3,7 @@ import { useParams, Link, useNavigate, useSearchParams } from 'react-router-dom'
 import { databases, DATABASE_ID, COLLECTIONS, Query } from '../lib/appwrite'
 import { PageHeader, Card, Button, Badge, Tabs, EmptyState, Dialog, Field } from '../components/ui'
 import { StatusPill, UrgentPill } from '../components/ui/StatusPill'
-import CustomerInvoices from '../components/finance/CustomerInvoices'
+import AuftraegeUndRechnungen from '../components/auftraege/AuftraegeUndRechnungen'
 import AssignedProjectCard from '../components/AssignedProjectCard'
 import CopyableCredential, { getCustomerPortalPassword } from '../components/CopyableCredential'
 import { updateCustomerWithPortalAccess, deleteCustomerWithPortalAccess } from '../lib/customerAdminApi'
@@ -121,7 +121,7 @@ export default function CustomerDetailPage() {
       {/* key: nach Absage/Umstufung neu aufbauen, sonst ueberschreibt ein spaeteres Speichern die neuen Notizen */}
       {activeTab === 'overview' && <OverviewTab key={customer.$updatedAt} customer={customer} stage={stage} onSaved={load} />}
       {activeTab === 'tickets' && <CustomerTickets customerId={customer.$id} />}
-      {activeTab === 'invoices' && <CustomerInvoices customer={customer} onShowOverview={() => setTab('overview')} />}
+      {activeTab === 'invoices' && <AuftraegeUndRechnungen key={customer.$id} customer={customer} onShowOverview={() => setTab('overview')} />}
       {activeTab === 'projects' && <CustomerProjects customerId={customer.$id} />}
       {activeTab === 'chat' && <Card><ChatThread customerId={customer.$id} customerName={customer.name} /></Card>}
       {activeTab === 'abo' && (