Flagged Queue Reviews Block for React

By each review's report count, which is the sum of its reasons' counts in FLAGGED; reviews with the same count keep the order they were typed in. The order is fixed when the page loads, so deciding one never moves another row. The line above the list is counted from the same rows and what you have decided.

Readers report reviews they disagree with, and an author's fans report criticism. The tally counts those reports honestly, but a reason with ground: false is labelled so a moderator sees that disagreement alone is not a rule broken. Of the six reviews here, two are honest criticism that readers mostly disagreed with, and Dismiss flags is the right decision for them.

It asks first, in an AlertDialog that names the three grounds and says a low rating or a disagreement isn't one. Choosing Remove review marks the row Removed here, says so in the polite log line and offers Reopen; nothing is deleted anywhere and a reload starts afresh. Dismiss flags needs no confirmation because it only leaves the review as it was.

To the Reopen button of the same row, because the two decision buttons it was made with are drawn invisible once the row is decided. The row keeps its height by holding both sets of controls in one cell, so opening and deciding never move the rows below. After the dialog, focus waits a moment so it lands after the dialog has closed.

No: it is a single, collapsible accordion with the most reported row open when the page loads. Press a row to open it and the one open closes. Tab moves between the row headings; the arrow keys don't.

Yes. The row's pieces are laid out with logical classes, so the chevron, the bar and the badge sit at the end; the bars fill from the start, and counts and dates are wrapped so their digits stay in order.