feat(delivery-pool): company sections start collapsed

Like the Collection Pool, the page opens as a list of companies; click
one to see its invoice cards. A search opens the matching companies.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Dave 2026-10-31 10:25:20 +02:00
parent bae4f9e795
commit 65036a8a6a

View file

@ -50,7 +50,8 @@ export default function DeliveryPoolPage() {
const [filterText, setFilterText] = useState("");
const [driverFilter, setDriverFilter] = useState<DeliveryPoolDriverFilter>("all");
const [driversById, setDriversById] = useState<Record<string, string>>({});
const [collapsed, setCollapsed] = useState<Set<string>>(new Set());
// Companies start collapsed (like the Collection Pool); this holds the ones opened.
const [openCompanies, setOpenCompanies] = useState<Set<string>>(new Set());
const [expanded, setExpanded] = useState<Set<string>>(new Set());
const [selected, setSelected] = useState<Set<string>>(new Set());
const [busy, setBusy] = useState(false);
@ -267,9 +268,9 @@ export default function DeliveryPoolPage() {
<CompanyGroup
key={company.key}
company={company}
collapsed={collapsed.has(company.key)}
collapsed={!openCompanies.has(company.key) && !filterText.trim()}
selectedCount={selectedHere.length}
onToggleCollapsed={() => toggleIn(setCollapsed, company.key)}
onToggleCollapsed={() => toggleIn(setOpenCompanies, company.key)}
onToggleAllSelected={() =>
setSelected((prev) => {
const next = new Set(prev);