Sortable FAQ Block for React

Edit QUESTIONS at the top of the file: each entry has an id, the question and its answer, asks (how often it was asked, a number) and order (its place in the order the questions were written, higher is newer). NEW_FROM is the order from which a question carries the "New" badge. SORTS holds the three choices; add one by adding a case to sorted.

sorted returns a copy of the questions in the order the choice asks for: by asks high to low, by order high to low, or by the question's text with the browser's alphabetical order. The rows are the same elements in a new order, so a row you opened stays open after the sort.

The control is a group named "Sort the questions" with three options, and the line under it, "Sorted by A to Z", is a polite status that is read out when you choose. Each question is a button inside its own h3 under the section's h2, and the count of asks is part of the button's name.

Yes. The Accordion takes hiddenUntilFound, so every closed answer stays in the markup as hidden="until-found".

They're sample counts in the data: wire asks to your own help-centre analytics, or drop the figure and sort by order alone. They're written with compact, which turns 2140 into "2.1k"; in right-to-left layouts the number keeps its reading order.

Tab moves from the control to the first question and on down the rows; Enter or Space opens one. The control is a radio group: arrow keys move between its three choices and choose as they go.