David/WFDASH-WEBAPP
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(collection-confirm): add per-order color stripe on group sections

Browse source
This commit is contained in:
SJCoetz 2026-07-10 02:07:25 +02:00
parent 6477ebafcc
commit bbd1e1df7c
1 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/app/(app)/collection-confirm/page.tsx
View file

@ -10,6 +10,7 @@ import { Checkbox } from "@/components/ui/checkbox";
import { ModalShell } from "@/components/ui/modal-shell";
import { getPocketBase } from "@/lib/pocketbase";
import { getClientIdentity } from "@/lib/dev-identity";
import { colorForOrder } from "@/lib/order-color";
import { cn } from "@/lib/utils";
import {
@ -439,7 +440,7 @@ export default function CollectionConfirmPage() {
const confirmLabel = selectedInGroup > 0 ? `Confirm ${selectedInGroup} of ${group.rows.length}` : "Confirm this PO";
const confirmDisabled = busyId !== null || !allProblemResolved || !actor.id || selectedInGroup === 0;
return (
<section key={group.poNumber || "unknown"} className="space-y-3">
<section key={group.poNumber || "unknown"} className={cn("space-y-3 border-l-4 pl-3", colorForOrder(group.poNumber).borderClass)}>
<header className="flex flex-wrap items-center gap-3 rounded-md border bg-muted/40 px-3 py-2 text-xs">
<div className="flex items-center gap-2">
<Layers className="h-3.5 w-3.5 text-muted-foreground" />