One Billing tab per job

Invoices and change orders sit under a single Billing area on the project, each still permission-gated on its own.

What it is

A tabbed Billing section on the project modal. Invoices lead as the primary money view; Change Orders is the second tab. Only the active section is mounted, and each sub-tab keeps its own permission gate — a sales user with invoices-only access sees just the Invoices tab and never the change orders.

Also called: invoices and change orders together · billing tab · money tab on the job

See it
One Billing tab per job
Prepared for
Ivy Brubaker
1140 Ridge Line Rd · Fair Play
Shell package$36,239
Concrete & site$10,521
Doors & windows$7,014
Trim & finish$4,676
Total
$58,450
Signature
The project modal's Billing heading with the Invoices / Change Orders pill switcher and the Invoices list active. src/components/billing/BillingSection.tsx. Sample data — no customer information appears here.
How it works
  1. 1Tabs are built from the caller's permissions; the whole section disappears if neither is allowed.
  2. 2The active tab falls back safely if the stored tab is no longer permitted.
  3. 3The underlying invoice and change-order sections are unchanged — only the framing moved.
Why we built it

Change orders and invoices sat on separate tabs even though change orders now flow directly into invoices, so following the money on a job meant flipping back and forth holding two lists in your head. They are one billing screen now. Who can see what is still controlled separately for each, so merging the tabs does not hand somebody sight of change orders they were never meant to see.

The problem
  • Billing split across two unrelated tiles on the same job.
  • A merge accidentally widening what a role can see.
Sound familiar?
What you get
One place on the job for everything to do with money.
Role visibility is unchanged by the consolidation.

See it on your own jobs

Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.

or keep browsing features →