React On-Call Schedule Board

Copy Page

The board that answers “who do I wake at 3am”, and the escalation panel that answers “and who after them”. Built so a swap someone arranged last week reads differently from the published rota — because at 3am, that difference is the whole point.

Installation

Props

An override is not a schedule edit

When someone covers a shift, the board keeps the original rotation underneath and draws the override on top — amber, with the reason on hover — rather than silently replacing the name. This is deliberate. A page that goes to the wrong person because a swap was quietly merged into the rota is a page that gets missed, and the operator staring at the board needs to see that today is not the normal pattern. A running count of overrides sits below the grid so nobody is surprised by a busy week.

The current day is highlighted top-to-bottom so your eye lands on the right column immediately, and the tier column is sticky so the Primary/Secondary labels stay put as the week scrolls on a narrow screen.

The escalation path is on the same screen

Knowing who is primary is half the answer; the other half is what happens when they don't pick up. The escalation policy renders as an explicit chain — Secondary at +5m, shift lead at +15m, manager at +30m — next to the roster, so the full answer to "who handles this" lives in one place instead of in a runbook nobody opens mid-incident.