Last Reviewed FAQ Block for React

From days on each question, the number of days since it was reviewed. On the server, and on the first paint in the browser, the words are the neutral ones for its level (this month, this quarter, this year, over a year ago), so what the server sends and what hydrates match. Right after, an effect switches them to relative time from Intl.RelativeTimeFormat ("Reviewed 3 days ago", "Reviewed last week"). days is a stand-in: in your app, compute it from the page's real review time, for example Math.floor((Date.now() - reviewedAt) / 86_400_000) inside that effect.

Four filled is reviewed within a month, three within a quarter, two within a year, one is older. The dots are decorative and hidden from assistive technology; the words carry the same meaning as text.

Reviewed this quarter keeps the questions reviewed within about three months and hides the rest, with the count in a polite live region ("3 of 5 questions"). The list keeps its height for the full set. The switch takes checked and onCheckedChange, with a plain boolean.

Yes. RELATIVE is created with the "en" locale: pass your page's own, and change the "Reviewed" prefix and the neutral words in bucketWords to match.

Each question is a button inside its own h3, and its name includes the review words, so a screen reader reads "How long do I have to return something? Reviewed this month". The switch is named "Reviewed this quarter only".

Yes. The Accordion takes hiddenUntilFound, so every closed answer stays in the markup as hidden="until-found": search engines see all of them, and the browser's find in page opens the answer that holds a match.