Approval Workflow Reviews Block for React

Edit SUBMITTED: each review has a stage (how many of the four steps are done) and passes, one true or false per check in the order of CHECKS. The Steps band, the pass or "Needs a person" wording, the "2 of 3 passed" line and the picker's "Waiting for a person" words are all worked out from those two fields. Add a check by adding a name to CHECKS and a value to each review's passes.

Advance moves the chosen review one step along the route and Send back moves it one step back; neither goes past the ends, and each says what happened in a polite line. A review can wait at Read by a person with a check marked Needs a person, and advancing it past that step marks the check "Read by a person". Nothing is published in this demo: the line says so, and a reload starts afresh.

Advance is switched off once a review is Published and Send back once it is only Submitted. When that happens focus moves to the other button, so a keyboard user is never left on a disabled control.

No. The chosen review with its checks and an unseen copy of all five share one grid cell, so the activity log and the buttons stay where they are. The log always shows four lines, with "Not yet." for a step that hasn't happened.

A route that held back low ratings would be hiding honest reviews. The three checks ask only whether the reviewer bought the item, whether the text holds profanity or personal data and whether it repeats another review; a one-star review that passes them is published like any other, as the fourth review here is.

Yes. The picker, the steps and the two body cells follow the page's direction with logical classes, and dates, counts and the log's sentences are wrapped so their digits stay in order. The step numbers keep their digits.