Kundenliste: Schalter Kundenart fehlt

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

src/pages/CustomersPage.jsx

@@ -3,7 +3,7 @@ import { Link, useNavigate } from 'react-router-dom'
 import { useCustomers } from '../hooks/useCustomers'
 import { useAuth } from '../context/AuthContext'
 import { createLead } from '../lib/leads'
-import { CUSTOMER_TABS, customerBadges, customerTitle, filterCustomers, stageCounts } from '../lib/customerList'
+import { CUSTOMER_TABS, customerBadges, customerTitle, filterCustomers, kundenartFehltAnzahl, stageCounts } from '../lib/customerList'
 import { isRowActivation } from '../lib/rowClick'
 import { findDuplicates } from '../lib/leadDuplicates'
 import DuplicateWarning from '../components/customer/DuplicateWarning'
@@ -19,10 +19,11 @@ export default function CustomersPage() {
   // 105 von 110 Eintraegen sind Leads der Lead-Automatik, deshalb startet die Liste bei den festen Kunden
   const [stage, setStage] = useState('customer') // customer | lead | lost | archived | all
   const [showCreate, setShowCreate] = useState(null) // null | 'lead' | 'customer'
+  const [nurFehlt, setNurFehlt] = useState(false) // Schalter „Kundenart fehlt“
 
-  const filtered = useMemo(() => filterCustomers(customers, { stage, search }), [customers, stage, search])
-  // Zähler mit derselben Funktion wie die Liste (beachten den Suchtext); bis zum Laden ohne Zahl
-  const counts = useMemo(() => stageCounts(customers, search), [customers, search])
+  const filtered = useMemo(() => filterCustomers(customers, { stage, search, nurKundenartFehlt: nurFehlt }), [customers, stage, search, nurFehlt])
+  // Zähler mit derselben Funktion wie die Liste (beachten Suchtext und Schalter); bis zum Laden ohne Zahl
+  const counts = useMemo(() => stageCounts(customers, search, { nurKundenartFehlt: nurFehlt }), [customers, search, nurFehlt])
   const tabs = CUSTOMER_TABS.map((tab) => ({ id: tab.id, label: tab.label, count: loading ? undefined : counts[tab.id] }))
 
   let content
@@ -100,6 +101,10 @@ export default function CustomersPage() {
           value={search}
           onChange={(e) => setSearch(e.target.value)}
         />
+        <label className="check">
+          <input type="checkbox" checked={nurFehlt} onChange={(e) => setNurFehlt(e.target.checked)} />
+          Kundenart fehlt{loading ? '' : ` (${kundenartFehltAnzahl(customers)})`}
+        </label>
       </div>
 
       {content}