Daniel/webshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

revert: Remove group by partner option from end customers view
All checks were successful
Staging Build / build (push) Successful in 2m37s
Details

Browse Source
This commit is contained in:
DanielS
2026-06-25 02:23:50 +02:00
parent 6a2fc16f75
commit 2f96552fe8
1 changed files with 69 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
shop/app/admin/companies/[id]/customers/page.tsx
View File

@@ -1,6 +1,6 @@
'use client'
import { useState, useEffect, Fragment } from 'react'
import { useState, useEffect } from 'react'
import { useParams, useRouter } from 'next/navigation'
import Link from 'next/link'
import {
@@ -48,7 +48,6 @@ export default function CompanyCustomersPage() {
const [loading, setLoading] = useState(true)
const [loadingAction, setLoadingAction] = useState(false)
const [searchQuery, setSearchQuery] = useState('')
const [groupByPartner, setGroupByPartner] = useState(false)
// Dialog State
const [isOpen, setIsOpen] = useState(false)
@@ -159,13 +158,7 @@ export default function CompanyCustomersPage() {
return nameMatch || personMatch || addressMatch || partnerMatch
})
const displayCustomers = groupByPartner
? [...filteredCustomers].sort((a, b) => {
const nameA = a.partner_name || 'Unbekannt'
const nameB = b.partner_name || 'Unbekannt'
return nameA.localeCompare(nameB)
})
: filteredCustomers
return (
<div className="p-6 max-w-5xl mx-auto text-slate-900 dark:text-white space-y-8">
@@ -217,8 +210,7 @@ export default function CompanyCustomersPage() {
{/* Table Section */}
<div className="p-5 bg-white dark:bg-slate-900/50 rounded-xl border border-slate-200 dark:border-white/10 shadow-sm">
<div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4 mb-6">
<div className="relative w-full max-w-sm">
<div className="relative mb-6 max-w-sm">
<Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-500" />
<input
type="text"
@@ -228,19 +220,6 @@ export default function CompanyCustomersPage() {
className="w-full pl-9 pr-4 py-2 text-sm bg-slate-50 dark:bg-white/5 border border-slate-200 dark:border-white/10 rounded-md text-slate-900 dark:text-slate-200 placeholder-slate-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 transition-all"
/>
</div>
<div className="flex items-center gap-2 bg-slate-50 dark:bg-white/5 border border-slate-200 dark:border-white/10 rounded-md px-3 py-2 cursor-pointer hover:bg-slate-100 dark:hover:bg-white/10 transition-colors">
<input
type="checkbox"
id="groupByPartner"
checked={groupByPartner}
onChange={(e) => setGroupByPartner(e.target.checked)}
className="h-4 w-4 rounded border-slate-200 dark:border-white/10 bg-white dark:bg-slate-950 text-indigo-600 focus:ring-indigo-500 accent-indigo-600 cursor-pointer"
/>
<label htmlFor="groupByPartner" className="text-xs text-slate-700 dark:text-slate-300 font-medium cursor-pointer select-none">
Nach Partner gruppieren
</label>
</div>
</div>
{loading ? (
<div className="flex justify-center items-center py-16">
@@ -264,23 +243,8 @@ export default function CompanyCustomersPage() {
</tr>
</thead>
<tbody className="divide-y divide-slate-100 dark:divide-white/5">
{(() => {
let lastPartnerName: string | null = null
return displayCustomers.map((customer) => {
const currentPartnerName = customer.partner_name || 'Unbekannt'
const showGroupHeader = groupByPartner && currentPartnerName !== lastPartnerName
lastPartnerName = currentPartnerName
return (
<Fragment key={customer.id}>
{showGroupHeader && (
<tr className="bg-slate-50 dark:bg-white/5 border-y border-slate-200 dark:border-white/10 hover:bg-slate-100 dark:hover:bg-white/5">
<td colSpan={5} className="font-semibold text-indigo-600 dark:text-indigo-400 py-2 px-4 text-xs tracking-wider uppercase">
Partner: {currentPartnerName}
</td>
</tr>
)}
<tr className="hover:bg-slate-50 dark:hover:bg-white/3 transition-colors">
{filteredCustomers.map((customer) => (
<tr key={customer.id} className="hover:bg-slate-50 dark:hover:bg-white/3 transition-colors">
<td className="py-4">
<div className="font-semibold text-slate-900 dark:text-white">
{customer.company_name}
@@ -336,10 +300,7 @@ export default function CompanyCustomersPage() {
</div>
</td>
</tr>
</Fragment>
)
})
})()}
))}
</tbody>
</table>
)}